
/* =RESPONSIVE
-------------------------------------------------------------- */

img, object, video, iframe, input, textarea {
	max-width: 100%;
}



@media only screen and (min-width: 1640px) {
	body.fixed-body button.wahout.aicon_link {
		top: 6px!important;
		-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease; 
	}
	.cat-img img.w_auto {
    width: auto !important;
}
}
@media only screen and (max-width: 1540px) {
	
	body #wp_access_helper_container button.aicon_link {
		
		top: 150px;
	}
	.cat-img img.w_auto {
    width: auto !important;
}
#home-title-area{
    right: 5%;
}
}
@media only screen and (max-width: 1440px) {
	.art-img img{
		width: 100%;
	}	
	#footer .social-icons {
	  
		margin-top: 15px;
	}
	.cat-img img.w_auto {
    width: auto !important;
}
.container-fluid {
    max-width: 1250px;
}
.cat-img{
    width: calc(25% - 30px);
}
}


@media only screen and (max-width: 1366px) {
.contact-info li{width: calc(25% - 0px);}
    
	.slick-prev {
    left: -20px;
        width: 30px;
    height: 30px;
    background-size: contain;
}
	#toprow .container-fluid{max-width: 100%;}
.slick-next {
    right: -20px;
    width: 30px;
    height: 30px;
    background-size: contain;    
}
.studycenter-feature{margin-right: 0px;}
#contact-section .row .col-auto {
    width: 50%;
}
.container-fluid {
    max-width: 1024px;
}
	 }


@media only screen and (max-width: 1280px) {
	.menu-primary > li > a {
    padding: 10px 0px;
    font-size: 16px;
	}
	
	.toptel {
		font-size:18px;
	}
	#topimage .textholder {
		top: auto;
		bottom:50px;
	}

}
@media only screen and (max-width: 1279px){
    .testimonial-scroll-loop{
        padding: 40px 20px;    
    }

    #details-section .contact-info ul li{
		 width: 40%;
		column-gap: 8px;
		MARGIN-BOTTOM: 20PX; 
	}
	.contact-info li{
	 width: calc(50% - 5px);   
	}
	.contact-info ul{
	  justify-content: flex-start;
    width: 100%;
    margin: 0 auto; 
        flex-flow: wrap;    
	}
	.get-advice-section .form_sublabel_below{
	 grid-template-columns: repeat(3, 1fr);   
	}
    .get-advice-form form .gform-body.gform_body {
        width: 85%;
        margin: 0 auto;
    }
    .get-advice-form form .gform_footer.top_label{
          margin: 0 auto;  
    }
	.get-advice-form form{display: block;}
	.search-icon {
        padding-right: 0;
		float: left;
	}

	#topimage img {
    height: 106px;
    object-fit: cover;
    object-position: right;
	}
	#home-title-area {
	    top: 20%;
	    right: 5%;
    }
    #home-title-area .t-2 h2 span.chunk2 {
    font-size: 56px;
}
    .studycenter-section{
        background-position: center left -230px;    
    }
    .why_sec_text {
    padding: 0 8rem;
    }
.about_page_bg .about_row:nth-child(even) .container .row {
    flex-direction: column !important;
}    
#contact-section .row .col-auto {
    width: 100%;
    margin-bottom: 30px;
}
div#toprow.fixed  .logo img {
    /*background: transparent; */
    width: 140px;    
}
div#toprow .logo img {
    /*background: transparent; */
    width: 150px;    
}
    ul.sub-menu{
    position: relative;
    padding-bottom: 1px;
    height: 100%;
}
ul.sub-menu li{
      float:  none;  
}
.menu-primary li a{color: #fff;font-size: 22px;}
#home-title-area .t-2 h2{font-size: 30px;}
.menu-primary li.current-menu-item > a {
    color: var(--primary)!important; 
}
.container-fluid, .container {
    max-width: 910px;
}
}
@media only screen and (max-width: 1024px) {
    
    .fixed-menu-wrap{align-items: flex-start;}
	#topmenu {
		display: none;
	}
	.inner_page_banner:before{
	    height: 40px;
	}
	.contact-section-form {
		margin-top: 50px;
	}
	.cat-img {
        width: calc(32% - 30px);
    }
	.form-title {
		margin-bottom:15px;
		text-align: center;
		width:100%;
		
	}
	
	.head-home .gborder {
		position: relative;
		top: -10px;
	}
	
	.padding {
		width:100%;
	}
	
	#topimage .textholder {
		bottom:70px; 
	}
	
	.toptitle {
		font-size:30px;
	}

	
	.home-content {
		width:100%;
		
	}
	.home-content .entry {
		font-size:16px;
	}

	#spec-scroll {
		padding:0;
	}
	
	.section,
	#contact-section {
    padding: 40px 10px;
	}
	
#breadcrumbs{
    top:0px;
    padding: 0px;
}	
.deatils-section.section {
		padding:0;
	}
.accessbility{
      top: 40px;  
}	
#mainslider .cap{
    right: 2%;
}
.confirm_text p {
    padding: 2em 0em 0em;
}
#search input#s {
    width: 100%;
}
.inner_page_banner{
    height: 130px;
}
#footer{
    padding: 110px 0px 80px;    
}
.service-scroll-loop{
 padding: 30px 20px 40px;   
}
#seo-section{
    padding: 40px 30px 80px;    
}
}
	 
@media only screen and (min-width: 821px) {
	.menu-mobile-click {
		display: none;
	}
}
@media only screen and (max-width: 820px) {
    .form-title {
        font-size: 20px;
        line-height: 1.3;
    }  
    .cat-img{
        padding: 20px;
    }
		li.menu-link-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
    .service-section .slick-slide {
        opacity: 1;
    }
    .get-advice-form form .gform-body.gform_body {
        width: 100%;
    }
    .service-scroll-loop {
        padding: 30px 20px 40px;
        background-size: cover;
    }	
	.menu-mobile-click {
		display: block;
	}
	.menu-mobile-click .minus {
		display: none;
	}
	li.menu-link-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #122E38;
		color: #fff;
		padding: 9px 14px;
		border-radius: 5px;
		font-size: 18px;
	}
	.center_detail_bt {
		    justify-content: center;
		margin-top: 20px;
	}
	li.menu-link-title img {
		width: 20px;
	}
	li.menu-link-item.more {
		display: none;
	}
	.menu-link-section.active .menu-mobile-click .plus {
		display: none;
	}
	.menu-link-section.active .menu-mobile-click .minus {
		display: block;
	}
	.menu-link-section.active li.menu-link-item.more {
		display: block;
	}
	.menu-link-section ul .more a {
		width: 100%;
	}
	.slider-content-col {
		margin-top: 40px;
	}
	.contact-section-form .title h2 {
    font-size: 42px;
    line-height: 45px;
		
	}
	.contact-section-form .title h2 span {
		font-size: 16px;
		
	}
	.box-item {
		margin-bottom:30px;
	}
	
	.two-cols {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
}

.footer-inner {
	width:100%;
	margin: auto;
}

.logo-bottom {
	text-align: center;
	margin-top:20px;
}

#contact-form .form-container {
	width:100%;
}

input[type="submit"] {
	padding:14px 10px;
	    font-size: 16px;
	}
.side-social-icons{top: 50%;}	
    .section {
        padding: 30px 27px 30px 10px;
    }
.home-content{
     margin-bottom: 30px;   
}
.footer-inner .col-lg-3 {
    margin-bottom: 30px;
}
#footer{
    padding: 60px 20px 50px;  
}
#spec-scroll .article {
    width: 47%;
}
#details-section .contact-info ul li{
    width: 45%;    
}

#home-title-area .t-1{
 font-size: 35px;   
}
#home-title-area .t-2{
  font-size: 40px;  
}
#home-title-area .inner .btn span img {
    width: 20px;
}
#home-title-area .inner .btn{
     font-size: 15px;
         line-height: 16px;
    padding: 9px 20px;         
}
#home-title-area {
    top: 25%;
}
.cat-img h2 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
}
.studycenter-content .title h2{
    text-align: center;
}
.studycenter-content .title h2 span{
    font-size: 32px !important;
}
#studycenter-section{
    position: relative;
}

.why-section-slider{
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.why-number {
    font-size: 50px;
}
li.menu-link-item a{justify-content: center;}
.menu-link-section ul{
 grid-template-columns: repeat(3, 1fr);   
}
.treatment_btn{
    right: -30px;    
}
.serv-content-col{
    margin-bottom: 30px;
}
    .form-title {
        font-size: 22px;
        line-height: 1.3;
    }
.container-fluid, .container {
    max-width: 670px;
}
#topimage img {
    height: 112px;
}
.inner_page_banner{
    padding: 20px 20px;
}
.innerbanner_title{
    font-size: 26px;
}
.manage_title{
    font-size: 22px;
}
.studycenter-content .title{
 text-align: center;   
}
}
@media only screen and (max-width: 736px) {
.gallery {
    grid-template-columns: repeat(1, 1fr);   
}    
    .topbanner_title, #home-title-area{
        width: 60%;
    }
    .side-social-icons a i{
         font-size: 28px;   
    }
     .side-social-icons a{
         width: 38px;
         height: 38px;
     }
     .side-social-icons a:nth-child(2){
         background-size:38px;
     }
    .cat-img img.w_auto {
            width: 45px !important;
        }    
    .cat-img {
        padding: 10px;
        width: calc(50% - 30px);
    }  
    .cat-img h2 {
        font-size: 18px !important;
        line-height: 24px;
    }  
    .inner_page_banner:before{
        height: 70px;
    }
    .dflex {
        display: block;
    }
    .title-area {
        width: 100%;
    }
    #home-title-area .t-2 h2 span.chunk2{
            font-size: 22px;
    }
    #home-title-area .t-2 h2 span{
            font-size: 20px;
    }
    #home-title-area .t-1 h1{
        font-size: 18px;
    }
    .inner_page_banner {
        padding: 12px 20px;
    }
    .study_center_link .more{
        text-align:center;
    }
    #topimage .container-fluid{
        padding: 0px;
    }
	#breadcrumbs {
		
		display: none;
	}
    .why-number {
        font-size: 40px;
    }
	.entry.post_content .title h2 {
		font-size: 40px;
	}
	div.get-advice-section:before {
		bottom: -31px;
	}
	.testi-article {
		
		flex-direction: column;
	}
	.testimonial-scroll-loop {
	
		padding: 15px;
	
	}
	.testi-img {
		width: 100%;
	}
	.testi-inner {
		width: 100%;
		text-align: center;
	}
	input[type="submit"], input[type="button"] {
		
		max-width: 100%;
		float:none
	}

	.confirm_text {
		
		margin-top: 25px;
		  width: 100%;
	}
	li.menu-link-title {
		display: flex;
		width: 100%;
		text-align: center;
	}
	.menu-link-section ul {
		display: flex;
		justify-content: space-around;
		column-gap: 11px;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.single-img {
		max-width: 100%;
	}
	
	.single-img.alignleft,
	.single-img.alignright,
	img.alignleft,
	img.alignright {
		float: none;
		display: block;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
	}
	
	.home-img.alignleft {
		float: none;
		display: block;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		max-width:100%;
		width:100%;
		padding-right:0;
	}
	
	.m-left a {
		font-size:18px;
	}
	
#topimage img {
    height: 63px;
}
	
	#home-title-area .inner {
		width:100%;
		text-align: right;
		
	}
	#contact-line .gform_body,
	#contact-line .gform_wrapper .gform_footer{
		width:100%;
		float: none;
	}
	
	#contact-line .gform_body {
		margin-bottom:20px;
	}
	
	#contact-line .gform_fields .gfield {
		width:100%;
		float: none;
		padding-left:0;
		margin-bottom:10px;
	}
	
	.home-content .entry h1 {
		font-size:26px;
	}

	#share {
	 margin-bottom: 10px;
	}

	.accordion{
	padding: 10px 15px 10px 40px;  
		font-size: 16px;

	}
	.accordion.active:after{
		top: calc(50% - 12px);
		font-size: 12px;
	}
	#share .txt{
	 font-size: 28px;   
	}
	.confirm_text p {
		padding: 1em 2em 0em;
	}
	#mainslider .s-title{
		font-size: 24px;    
		 letter-spacing: 3.43px; 
			line-height: 28px; 
	}
	#mainslider .cap .container {
		text-align: right;
	}
	#mainslider .s-text{
		font-size: 22px;
		line-height: 20px;    
		letter-spacing: 1.2px;
		margin-bottom: 15px;    
	}
	#mainslider .btn{
		font-size: 14px;    
		padding: 5px 14px;
		letter-spacing: 1.24px;    
		color: #fff;
		border: 0px solid #AA854F;    
	line-height: 15px;    
	}
	#spec-scroll .article {
		width: 100%;
	}
	#spec-section .article .inner, #archive-section .article .inner {
		padding: 15px;
	}
	.article{
		margin-bottom: 20px;    
	}
	.content_slider {
		padding: 40px 10px 80px;
	}
	.content_slider .slick-prev{
	  right: calc(50% + 0px);  
	}
	.content_slider .slick-next{
		  right: calc(20% + 30px);  
	}
	#articles-section .col-12{
		text-align: center;
	}
	#articles-section{
	 padding: 30px 10px 60px;   
	}
	#details-section .contact-info ul li {
		width: 85%;
	margin-bottom: 24px;    
	}
	.headline1-content{
		margin-bottom: 40px;
		padding-bottom: 30px;  
	}
	#contact-form li.three{
	   padding-left: 0px; 
		width: 100%; 
	}
	.contact-info span, .contact-info a {
		display: inline-block;
		font-size: 20px !important;
	}
	h2, div.get-advice-section h2 {
		font-size:25px !important;
		line-height: 32px;
		padding-right: 0px;
	}
	.title.align-right h2{
		font-size: 32px;
		line-height: 1;
		margin-bottom: 20px;
	}
	.studycenter-feature-col {
		
		margin-bottom: 0;
		margin-top: 0px;
	}
	.get-advice-form form {
		display: flex;
		column-gap: 8px;
		flex-direction: column;
	}
	.get-advice-form form  .gform-body.gform_body {
		width: 100%;
	}
	.get-advice-form form  .gform_footer.top_label {
		width: 100%;
	}
	#sidecontact .gfield--width-third {
		width: 100%;
		float: right;
		padding: 0 0;
	}
	#sidecontact .gfield {
		padding: 0 0px;
	}
	#contact-form .title .chunk1{
			 font-size: 50px;
			line-height: 55px; 
			padding-right: 0px;       
	}
	#share .txt{
	  padding-right: 20px;   
	}
	span.txt:before{
		 right: 0;   
	}
	.accordion:after{
		width: 12px;
		height: 12px;   
		top: calc(50% - 5px);    
	}
	.contact-info ul{
	 padding: 20px 0 0px;
		column-gap: 0;
		margin-top: 0px; 
	    width: 100%;	
	}
	.title {
    margin-bottom: 20px;
}
	h2:before, .content-carusel:before{
		 right: 0;   
	}
	#topimage .textholder {
		bottom: 10px;
	}
	.credits{
		 justify-content: center;   
	}
	.menu-primary li.current-menu-item > a {
		color: #122E38;
		font-weight: 600;
	}
	#footer {
		padding: 20px 10px 20px;
	}
	#acp-toggle-toolbar.toolbar-left{
		 top: calc(100% - 84px);   
	}
	.fixcontentmenu .fixmenu_menubt .table_contant {
		display: none;
		
	}
	.fixcontentmenu .fixmenu_menubt{
		width: 40px;
	}
	.fixcontentmenu.active .fixmenu_menubt .table_contant {
		display: block;
	}
	.fixcontentmenu.active .fixmenu_menubt{
		 width: 127px;   
	}
div#mainslider .slider-item .slider-image>img 	{
    height: 130px;
    object-fit: cover;

}
div#toprow .logo img{
        width: 150px;
        padding: 0px;    
}
div#toprow.fixed .logo img{
  width: 152px;
}
.why_sec_text, .slider-content-col, body.blog #main {
    padding: 0 0rem;
}
#fixed-bottom .tel-area{
     padding: 0px 20px;   
}
.seo-section-slider {
    padding: 0px 0px 25px;
}
div#topimage:after{
 background: transparent linear-gradient(270deg, #000 0%, #00000040 0%, transparent 60%) 0% 0% no-repeat padding-box;   
    width: 32%; 
}
.page_title h1{
     font-size: 30px;
    line-height: 35px; 
}
.main.about_page_bg {
    
    padding: 35px 10px 0px;
}
.about_page_bg .about_row{ margin: 0px 0px 30px;}
.about_page_counter .feature-digit-cover{margin-bottom: 30px;}
.about_page_counter .feature-digit:before{
        height: calc(100% - 30px);
            top: 0;
}

.contact-info li {
    width: 100%;
    margin-bottom: 0px;    
}
.contact-info-icon img {
    width: 40px !important;
    max-width: 40px;
}
#sidecontact{
    width: 100%;}
        #sidecontact input[type="submit"] {
    max-width: 100%;
        }
        #search-m .modal-body{
              padding: 100px 40px;  
        }
        .treatment_btn{
            display: none;
        }
    #serv_box-section .row .col-lg-2:not(:last-child):before{
    content:none;
}.why-section-slider {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    margin-top: 2rem;
}
.why-section-slider .col-custom:not(:last-child):before{
    content: none;
}
.why-content-col {
    margin-bottom: 0px;
}
.why-content-col h3 {
    font-size: 20px;
}
div#get-advice-section{
 padding: 35px 0px;   
}
.get-advice-section .form_sublabel_below {
    grid-template-columns: repeat(1, 1fr);
}
.contact-info ul{
  gap: 20px;  
}
.margin_top {
    margin-top: 20px;
}
#bottom{padding: 15px 10px 60px;}
.copyrights {
    text-align: center;
}
	.contact-section-form {
		margin-top: 0px;
	}
	/*.entry h1,  h2  {zoom: 0.6;}*/
	#home-title-area .t-2 h2 {
    font-size: 20px;
}
#home-title-area .t-2 h2 {
    font-size: 20px;
}
#why-section .title h2 span{
   font-size: 35px !imporetant; 
}
#get-advice-bottom h2{
    line-height: 50px;
    font-size: 32px !important;
}
#seo-section {
    padding: 40px 20px 80px;
    }
.faqrow{
 padding: 15px 15px;   
} 
.faq-title h2{
    font-size: 20px !important;    
}
.faq-title span{
    font-size: 18px;
}
#get-advice-bottom #sidecontact {
    margin-top: 15px;
}
.top_slide:after, .top_slide:before{
     height: 70px;   
}
}

@media only screen and (max-width: 420px) {
	#toprow {
		position: relative;
		background:#000;
		top:0;
		padding:15px 0;
	}
	
	
	
	
	
	.box-item {
		margin-bottom:40px;
	}
	
#details-section .contact-info {
	padding:25px 0;
}
	
.contact-info li {
		float: none;
		padding:0;
		text-align: right;
	}
	
.contact-info li i {
	font-size:30px;
	margin-left:5px;
}



	
	.footer-inner {
		width:100%;
	}
	
	.copyrights {
		text-align: center;
	}
	
	.credits {
    justify-content: center;
	}
	
	.box-title{
		font-size:26px;
	}
	
	.title {
		margin-bottom:20px;
	}
	
	
	#contact-form li.three {
		width:100%;
		float: none;
		padding-left:0;
		margin-bottom:8px;
	}
	
	.m-left a span {
		display: none;
	}
	.m-left a i {
		display: block;
		font-size:18px;
		width:26px;
		height:26px;
		line-height:26px;
		border-radius:100%;
		text-align: center;
		border: #AA854F 1px solid;
	}
	
.entry h1,
.entry h2,
.entry h3,
.entry h4 {
	zoom: 0.7;


}


	#topimage .textholder {
		bottom: 10px; 
	}
	
	#contact-section #sidecontact {
   
   
	margin-top:20px;
	}
	
	.footer-inner {
    padding: 30px 0;
	}
	
	.before-details {
		zoom:0.8;
	}
.side-social-icons{zoom: 0.8;    width: 50px;}
.tel-area a{    font-size: 16px;}
.meta-date{right: 15px;}

#toprow .container-fluid, #toprow .container {
    padding: 0px 15px;
}

#home-title-area .t-1 h1 {
    font-size: 18px !important;
}

.space {
    padding: 40px 24px 40px 10px;
}

.footer-inner .widget-container{
     padding-right: 10px;   
}
.service-scroll-section .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
}
.slider-content-col h2 span.chunk1{
    margin-bottom: 5px;
}
.seo-img{
    margin-top: 60px;    
}
}



@media only screen and (max-width: 325px) {
 
#breadcrumbs {
	display: none;
}
#topimage img {
    height: 55px;
    object-fit: cover;
    object-position: right;
}
.space {
    padding: 40px 0px;
}
#fixed-bottom .tel-area {
    padding: 0px 15px;
}
.tel-area a{    font-size: 14px;}
.contact-info ul{width: 100%;}
.innerbanner_title {
        font-size:20px;
        line-height: 20px;
    }
    .innerbanner_title span{
   font-size: 18px;
    line-height: 10px; 
    }
    .manage_title{
            font-size: 14px;
    line-height: 18px;
    }
}



