/**
 *
 * Responsive Styles For Consultant's Template
 *
 * This File have all responsive CSS
 */
 
/*All Reponsive Code Goes here*/


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
	/** Inner Pags css **/
	.title-section-text {
		display:block;
		text-align:center;
	}
	.title-section-text nav {
		display:table;
		margin:auto;
	}
	.title-section nav {
		position:relative;
	}
	.achievement-counter .counter {
		width:50%;
		padding-top:15px;
		padding-bottom:15px;
	}
	
	
	/** General CSS **/
	.animated {
		visibility:visible;
	}

	@keyframes slideInUp {
		from { opacity: 1; }
		to {opacity: 1;}
	}
	@keyframes slideInRight {
		from { opacity: 1; transform: translate3d(0, 0, 0);}
		to { opacity: 1; transform: none; }
	}
	@keyframes slideInLeft {
		from { opacity: 1; transform: translate3d(0, 0, 0);}
		to { opacity: 1; transform: none;}
	}
	@keyframes slideInUp {
		from { opacity: 1; transform: translate3d(0, 0, 0); }
		to { opacity: 1; transform: none; }
	}
	@keyframes rotateInUpRight {
		from { opacity: 1; transform: translate3d(0, 0, 0); }
		to { opacity: 1; transform: none; }
	}

	.container .col-padding-y:first-child {
		padding-top:0;
	}
	.container .col-padding-y:last-child {
		padding-bottom:0;
	}
	.section-title-btn {
		position:relative;
		margin-top:10px;
		margin-bottom:0;
		right:0;
	}
	
	/** Top Bar CSS **/
	.top-bar .right-side ,
	.top-bar {
		text-align:center;
	}
	
	.top-bar .right-side ,
	.top-bar .left-side {
		margin-bottom:15px;
	}
	
	/** header CSS **/
	.header {
		text-align:center;
	}
	.header .icon-box,
	.header .info-container {
		float:none;
	}
	.header .icon-box:after {
		content:'';
		display:block;
		clear:both;
	}
	.header .icon-box:last-child ,
	.header .icon-box {
		margin: auto;
		display: table;
	}
	.header .logo,
	.header .icon-box:first-child {
		margin-bottom:15px;
	}
	.nav-container .navigation .container .row .col-sm-6 {
		width:50%;
	}
	.nav-icons:before {
		left:0;
		border:0;
	}
	
	/** Banner Container CSS **/
	.slide-text {
		padding:130px 15px;
	}
	.slide-text p {
		margin-bottom:0;
	}
	.slide-text a {
		margin-top:18px;
	}
	.slide-text h2 {
 		font-size: 2.75rem;
	}
	
	/** Featured Container CSS **/
	.featured-box {
		display:block;
		width:100%;
	}
	.featured-container {
		padding:0px 15px;
	}
	.featured-box {
		margin-bottom:15px;
	}
	.featured-box h2 a {
		font-size:1.1875rem;
	}
	.featured-box:first-child {
		margin-top:15px;
	}
	.featured-box:last-child {
		margin-bottom:0;
	}
	
	/** Faq Wrap CSS **/
	.faq-wrap .accordion .card {
		margin-bottom:20px;
	}
	.faq-wrap .accordion .card:last-child {
		margin-bottom:0px;
	}
	
	.banner-text {
    	width: calc(100% - 0px);
	}
	.counter-text p {
		font-size:.9375rem;
	}
	.appointment-btn ,
	.request-appointment {
		text-align:center;
	}
	.footer-logo-side {
		text-align:center;
	}
	.footer-bottom-nav,
	.footer-logo-side .social-icons,
	.footer-logo-side {
    	text-align: center;
    	display: table;
    	margin: auto;
	}
	.footer-bottom .copyrightinfo {
		margin-bottom:15px;
	}
	.modal-footer a {
		min-width:0;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	/** Inner Pags css **/
	.title-section-text {
		display:block;
		text-align:center;
	}
	.title-section-text nav {
		display:table;
		margin:auto;
	}
	.title-section nav {
		position:relative;
	}
	.achievement-counter .counter {
		width:50%;
		padding-top:15px;
		padding-bottom:15px;
	}
	.achievement-counter .counter {
		width:50%;
		padding-top:15px;
		padding-bottom:15px;
	}
	.faqs-page .why-chose-us .row .col-padding-y:first-child {
		padding-bottom:0;
		margin-bottom:8px;
	}
	.faqs-page .why-chose-us .row .col-padding-y:last-child {
		padding-top:0;
	}
	
	.animated {
		visibility:visible;
	}

	@keyframes slideInUp {
		from { opacity: 1; }
		to {opacity: 1;}
	}
	@keyframes slideInRight {
		from { opacity: 1; transform: translate3d(0, 0, 0);}
		to { opacity: 1; transform: none; }
	}
	@keyframes slideInLeft {
		from { opacity: 1; transform: translate3d(0, 0, 0);}
		to { opacity: 1; transform: none;}
	}
	@keyframes slideInUp {
		from { opacity: 1; transform: translate3d(0, 0, 0); }
		to { opacity: 1; transform: none; }
	}
	@keyframes rotateInUpRight {
		from { opacity: 1; transform: translate3d(0, 0, 0); }
		to { opacity: 1; transform: none; }
	}
	
	/** Top Bar CSS **/
	.top-bar .right-side,
	.top-bar {
		text-align:center;
	}
	.top-bar .right-side, .top-bar .left-side {
    	margin-bottom: 15px;
	}
	
	/** Header CSS **/
	.header {
    	text-align: center;
	}
	.header .info-container {
		display:table;
		margin:auto;
		float:none;
	}
	
	/** Banner Container CSS **/
	.slide-text {
		padding-right:0;
	}
	
	/** Navigation CSS **/
	.navigation-bg-color .col-sm-6 {
		position:relative;
	}
	.navbar {
		position: absolute;
		top: 0px;
		width: 100%;
		background-color: #064273;
	}
	.navbar-collapse {
		padding:15px;
	}
	
	/** Featured Container CSS **/
	
	.featured-box {
		width:50%;
	}
	.banner-text {
		width:100%;
	}
	.section-title-btn {
		margin-bottom:0;
		margin-top:18px;
		position:relative;
		right:0;
		display:block;
	}
	
	/** Banner Container CSS **/
	.slide-text {
		padding-right:0;
	}
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	/** Inner Pags css **/
	.title-section-text {
		display:block;
		text-align:center;
	}
	.title-section-text nav {
		display:table;
		margin:auto;
	}
	.title-section nav {
		position:relative;
	}
	
	.animated {
		visibility:visible;
	}

	@keyframes slideInUp {
		from { opacity: 1; }
		to {opacity: 1;}
	}
	@keyframes slideInRight {
		from { opacity: 1; transform: translate3d(0, 0, 0);}
		to { opacity: 1; transform: none; }
	}
	@keyframes slideInLeft {
		from { opacity: 1; transform: translate3d(0, 0, 0);}
		to { opacity: 1; transform: none;}
	}
	@keyframes slideInUp {
		from { opacity: 1; transform: translate3d(0, 0, 0); }
		to { opacity: 1; transform: none; }
	}
	@keyframes rotateInUpRight {
		from { opacity: 1; transform: translate3d(0, 0, 0); }
		to { opacity: 1; transform: none; }
	}
	
	/** Navigation CSS **/
	.navigation-bg-color .col-sm-6 {
		position:relative;
	}
	.navbar {
		position: absolute;
		top: 0px;
		width: 100%;
		background-color: #064273;
	}
	.navbar-collapse {
		padding:15px;
	}
	.nav-icons {
		margin-right:30px;
	}
	.slide-text {
		padding-right:100px;
	}
		/** Featured Container CSS **/
	
	.featured-box {
		width:50%;
	}
	.module-margin .row .col-md-6 ,
	.row .col-md-6 {
		display:block;
		margin:auto;
	}
	.banner-text {
		width:100%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	.products .row .col-lg-3  {
		-ms-flex: 0 0 33.333%;
		flex: 0 0 33.333%;
		max-width: 33.333%;
		margin:auto;
	}
	
	.animated {
		visibility:visible;
	}

	@keyframes slideInUp {
		from { opacity: 1; }
		to {opacity: 1;}
	}
	@keyframes slideInRight {
		from { opacity: 1; transform: translate3d(0, 0, 0);}
		to { opacity: 1; transform: none; }
	}
	@keyframes slideInLeft {
		from { opacity: 1; transform: translate3d(0, 0, 0);}
		to { opacity: 1; transform: none;}
	}
	@keyframes slideInUp {
		from { opacity: 1; transform: translate3d(0, 0, 0); }
		to { opacity: 1; transform: none; }
	}
	@keyframes rotateInUpRight {
		from { opacity: 1; transform: translate3d(0, 0, 0); }
		to { opacity: 1; transform: none; }
	}
	
	.navbar-light .navbar-nav .nav-link {
    	padding-left:14px;
    	padding-right:14px;
	}
	.navigation .navbar a {
		font-size:.875rem;
	}
	.featured-box {
		width:50%;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	.container {
		max-width:75rem;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1500px) {
	
	.featured-box h2 a {
		font-size:1.125rem;
	}
}