/* =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; 
	}
}
@media only screen and (max-width: 1540px) {
	._heading h2{font-size:22px;}
	body #wp_access_helper_container button.aicon_link {
		
		top: 150px;
	}
	.cat-img .art-img:after, .cat-img .art-img{
	    max-width: 125px;
	    margin: 0 auto;
	}
	.menus a, .menu a{font-size: 16px !important;}
	
}
@media only screen and (max-width: 1440px) {
	.art-img img{
		width: 100%;
	}
	.link_item h3 {
    font-size: 22px;
	}
	#footer .social-icons {
		margin-top: 15px;
	}

}

@media only screen and (max-width: 1366px) {

	.slick-prev {
        left: -20px;
        background-size: contain;
    }
    .slick-next {
        right: -20px;
        background-size: contain;    
    }
    #contact-section .row .col-auto {
        width: 50%;
    }
	 }


@media only screen and (max-width: 1280px) {
	.menu-primary > li > a {
    padding: 10px 0px;
    font-size: 16px;
	}
	.toptel {
		font-size:18px;
	}
	.overlayer{
	    padding:25px 20px 25px 20px;
	}
	.contact-info li a, .address-text {
	    font-size: 20px;
    }
    .tel-area{padding: 0px;}
    .tel-area a{
   padding: 15px 10px;     
    }
.studycenter-content {
    padding-right: 0px;
}
.link_item img {
    min-height: 380px;
    object-fit: cover;
 }
 .link_item .more img{
  min-height: auto;    
 }
  .contact-page-detail ul li{
    min-width: 290px;  
  }
}
@media only screen and (max-width: 1279px){
    .deatils-section .clearfix {
    flex-flow: wrap;
}
.contact-page-detail ul li{
    min-width: 310px;
}
.contact-info ul{
    flex-flow: wrap;
}
.menus li.current_page_item a span, .menus li.current-menu-item a span{
    bottom: 0px;
}
	.overlayer{
	    padding:10px;
	}
.banner-section {
    height: 50vh;
}
#toprow {
    background: transparent;
    position: absolute;
    padding: 10px 10px;    
}    
.about_page_bg .studycenter-content {
    padding-left: 0px;
}
.about_img {
    align-items: center;
    justify-content: center;
}
    #details-section .contact-info ul li{
		 width: 40%;
		column-gap: 8px;
		MARGIN-BOTTOM: 20PX; 
	}
	.search-icon {
		padding-right: 0;
		float: left;
	}
    #hero>img {
        height: auto !important;
    }    
    #hero .overonimg{
         padding: 20px 0px;   
    }  	
	#home-title-area {
	    top: 35%;
    }
    #contact-section .row .col-auto {
        width: 100%;
        margin-bottom: 30px;
    }
    div#toprow.fixed  .logo img {
        width: 160px;    
    }
    ul.sub-menu{
    position: relative;
    padding-bottom: 1px;
    height: 100%;
}
ul.sub-menu li a{
    margin: 8px 0px;
    font-size: 15px;
    text-align: right;
}
    ul.sub-menu li{
        float:  none;  
        text-align: right;
        margin: 8px 0px;
        font-size: 16px; 
    }
    .top-right{
        justify-content: flex-start;
        gap: 10px;
        height: 100%;  
    }
  
}
@media only screen and (max-width: 1024px) {
    body button.aicon_link{top:60px !important;}
.project_grid {
    grid-template-columns: repeat(2, 1fr);
}
.services-scroll{
    padding: 0px 60px;
}
.slick-prev, .slick-next{
width: 30px;
    height: 30px;    
}
#blog-section .services-scroll .slick-prev {
    left: 2vw;}
    #blog-section .services-scroll .slick-next {
    right: 2vw;}
.link_item{
    margin-top: 0px;
}
.pro_content_slider {
    gap: 30px;
}
.fixed-menu.active {
    z-index: 99999999;
}
.work-us {
    PADDING: 20PX 0PX 0PX 0PX;
}
.link_item img {
        min-height: 280px;
}        
.menu-primary li.current-menu-item > a {
    color: var(--primary);
}
	#topmenu {
		display: none;
	}
	.form-title {
		margin-bottom:15px;
		text-align: center;
		width:100%;
	}
	.padding {
		width:100%;
	}

	.toptitle {
		font-size:30px;
	}

	.section,
	#contact-section {
        padding: 40px 10px;
	}
	.deatils-section.section {
		padding:0;
	}
    .accessbility{
          top: 40px;  
    }	
    .confirm_text p {
        padding: 2em 0em 0em;
    }
    #search input#s {
        width: 100%;
    }
    .feature-digit .counter {
        font-size: 48px;
    }
    #why-section .anch_link{
        right: -35px;
    }
    .seo_img{text-align: center;}
    a.gotop{
        right: 0;
        bottom: 60px;
        z-index: 9999;
        width: 40px;
        height: 55px;
    }
    .item img{
        height: 300px;
    }
    #topimage .playBtn {
        width: 260px;    
}
#topimage .playBtn img{
    width: 100%;
    height: auto;
}
	#get-advice-section,  #contact-form-section{
	    padding:60px 45px 60px 15px !important;
	}
.teamPage {
    padding-left: 0px;
}    
}
	 
@media only screen and (max-width: 820px) {
    #studycenter-section .row{
        flex-flow: column-reverse;
    }
    .serviceloop{
      flex-flow: column-reverse;      
    }
   .service-image,.service-content {
    width: 100%;
} 
.service-content {
    margin-bottom: 20px;
}
.contact-info li a, .address-text {
    font-size: 18px !important;
    }
    .contact-page-detail h2{
        font-size: 26px;
    }
    .contact-page-detail ul li{
      padding: 5px 14px;      
    }
 .logo-bottom .footerLogo {
    padding-bottom: 10px;
}   
    .pro_content_slider {
    display: block;
    }
    .pro_content_slider .entry, .project-slider-column {
    width: 100%;
}
    #hero .overonimg{position: relative; margin-top: -100px;}    
    #sidecontact {
        width: 90%;
    }
#get-advice-section #sidecontact input[type="submit"], #sidecontact input[type="submit"]{
    font-size: 18px;    
}  

    #topimage img{
     height: 200px;
    object-fit: cover;       
    }
        .get-advice-section .contact-info-text,.get-advice-section .address-text {
        display: block;
     }
    .gallery_slide .slick-slide {
        padding: 0px 9px;
    }

    .get-advice-section .title.margin_b {
        margin-bottom: 0px;
    }

	.menu-link-section ul .more a {
		
		width: 100%;
	}
	.slider-content-col {
		
		margin-top: 40px;
	}
	.contact-section-form .title h2 {
		font-size: 30px;
		
	}
	.contact-section-form .title h2 span {
		font-size: 16px;
		
	}
	.box-item {
		margin-bottom:30px;
	}
	.lightBlck{
	    padding: 30px 0px;
	}

    .footer-inner {
    	width:90%;
    	margin: auto;
    }
    .footer-inner .row{
            justify-content: center;
    }
    .logo-bottom {
    	text-align: center;
    	margin-top:20px;
    }

#contact-form .form-container {
	width:100%;
}
.gfield--type-checkbox {
    grid-column: 1 / 4;
}
input[type="submit"] {
	padding:14px 10px !important;
	    font-size: 16px !important;
	}
	.section {
         padding: 40px 10px;
	}
    .footer-inner .col-lg-3 {
        margin-bottom: 30px;
    }
    #footer{
        padding: 10px 20px 0px;  
    }
    #details-section .contact-info ul li{
        width: 45%;    
    }
    .logo img{
        width: 190px;
    }
    #home-title-area .inner .btn span img {
        width: 20px;
    }
    #home-title-area {
        top: 20%;
    }
    .get-advice-section .contact-info-text{
         padding-right: 0;   
    }
    .studycenter-content {
        padding-bottom: 20px;
        }
    .side_img{
        text-align: center;
        margin-top: 20px;     
    }
}


@media only screen and (max-width: 736px) {
    #topimage .playBtn {
        width: 140px;
        top: 12px;    
    } 
    .page_title {
    font-size: 33px;
    }
    .slide-item img {
    height: 310px;
    }
    #blog-section {
    padding: 60px 0px 20px;
}
.service-slide {
    padding: 0px 0px;
}
.single-post #topimage img {
        height: 150px;
    }
    .space {
            padding: 30px 8px 30px;
        }

        #hero>img {
        height: 100% !important;
    }
    .single-project #hero {
    height: 250px;
}

    ._col_img {
        width: 100%;
    }
    .aboutcontent_row {
    padding: 40px 0px;
    }
    ._story_content h3 {
    font-size: 35px;
    }
    ._story_content h3 {
    font-size: 28px;
    }
._story_content {
    display: block;
    margin-bottom: 15px;
 }
    .adant_list {
     grid-template-columns: repeat(2, 1fr);
     MARGIN-TOP: 30PX; 
 }
    #topimage img {
        height: 150px;
    }
 .contact-info ul{
    padding: 20px 0 0px;   
 }

 .advantages-us{
     padding: 50px 20px 90px;    
 }
    .slick-prev, .slick-next{
        width: 30px;
        height: 30px;   
    }  
    .services-scroll .slick-next {
        right: 4vw;
    }
    .services-scroll .slick-prev {
        left: 4vw;
    }
    .services-scroll .slick-slide {
        margin: 5px;
    }
    #studycenter-section .studycenter-content .entry p{
        text-align: center;
    }    
    #get-advice-section{
        padding: 35px 10px 20px 10px !important;
    }
    #contact-form-section {
        padding: 60px 35px 60px 20px !important;
    }
   #contact-section {
        padding: 40px 10px 40px 10px;
    }
    .contact-info li, .deatils-section .contact-info li {
        width: 100% !important;
    }  
    .btn-item a{
        line-height:1;
    }
    .arrow_icon{
        width: 20px;
        top: 14px;
    }
    .studycenter-content{
        padding-left: 0px;
    }   
    .contact-info li, .deatils-section .contact-info li, .deatils-section .contact-info li:first-child {
        width: 100%;
    }
    .article .inner{
          padding: 13px;  
    }
    .item img {height: 130px;}    
    #home-title-area .t-1 h1 {
        font-size: 30px;
        line-height: 1.2;
    }
   #home-title-area .t-2 h2 {
        font-size: 37px;
        font-weight: bold;
        line-height: 44px;
        margin-top: 10px;  
    }
    #archive-section .row {
        padding: 0px 0rem;
    }
    .blck_sec p{
        font-size: 18px;
        line-height: 20px;    
    }
    .cont_title {
        font-size: 18px;
        line-height: 18px;
    }
	#breadcrumbs {
		
		display: none;
	}
	.side-buttons{
	    bottom: 5%;
	}
	.banner-section{
	    height: 100vh;    
	    position: relative;
	}
	video.video-main{height: 100vh;}
    .blog-section .title .more {display: none;}
    .blog-section  .onmobile.more {
        display: block;
        position: relative;
    }	.entry.post_content .title h2 {
		font-size: 40px;
	}
	.slider-content-col {
        padding-left: 0px;
        margin-top: 0px;    
    }
    .slider-content-col .entry {
        margin-top: 30px;
        text-align: center;
    }
    .category-content h1, .content_area_heading {
        margin-bottom: 20px;
    }
	input[type="submit"], input[type="button"] {
		max-width: 100%;
		float:none
	}
.service-content h3 {
    font-size: 30px;
}
.project-image, .press-image{
      padding: 15px;  
}
	.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-title-area .inner {
		width:100%;
	padding: 0px 13px;
		text-align: center;
		
	}
    .deatils-section .page_title.entry h1:before{
	    bottom: -40px;
	}
	.blog div#archive-section {
        padding: 100px 0px 30px;
	}
	.article_icon .excerpt {
        padding: 0px 0px;
    }
	.blog #archive-section .article {
	    margin-bottom: 80px;
	}
	#contact-line .gform_body,
	#contact-line .gform_wrapper .gform_footer{
		width:100%;
		float: none;
	}
	#contact-form-section .gform_fields{
	    display: block;
	}
	#contact-section .contact-info li a, .address-text {
        font-size: 22px;
    }
	.foot-widget-title {
        font-size: 16px;
	}
	#contact-line .gform_body {
		margin-bottom:20px;
	}
	
	#contact-line .gform_fields .gfield {
		width:100%;
		float: none;
		padding-left:0;
		margin-bottom:10px;
	}
    .P_content .title.page_title {
        margin-bottom: 40px;
    }
	#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;
	}
	.article{
		margin-bottom: 20px;    
	}
    .category .article{
		margin-bottom: 80px;    
	}
	#articles-section .col-12{
		text-align: center;
	}
	#articles-section{
	 padding: 30px 10px 60px;   
	}

	h2, div#get-advice-section h2, .slider-content-col .title h3 {
		font-size:32px;
		line-height: 35px;
		padding-right: 0px;
        text-align: center;	
	}
	.slider-content-col .title h3:before{
        left: 0;
        right: 0;
        margin: 0 auto;
	}
	.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 {
		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;
	    display: block;	
		margin-top: 0px; 
	}
	h2:before, .content-carusel:before{
		 right: 0;   
	}
	#topimage .textholder {
		bottom: 10px;
	}
	.credits{
		 justify-content: center;   
	}
	#footer {
		padding: 20px 15px 0px;
	}

	.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;   
	}
    .logo img{
        width: 172px;
        height: 73px;
    }

    #fixed-bottom .tel-area{
         padding: 0px 20px;   
    }
    .page_title h1, .content_area_heading{
         font-size: 30px;
        line-height: 35px; 
    }
    #home-title-area {
        top: 0px;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
     #bottom{
         padding-bottom: 0px;
     }
    .logo-bottom .footerLogo {
    padding:25px 0px;
} 
    .contact-info label{
        margin-left: 0px;    
     }
    .contact-info li {
        width: 100%;
    }
    #sidecontact{
        width: 100%;
    }
#get-advice-section .contact-info {
    padding-right: 0vw;
}
    #search-m .modal-body{
        padding: 100px 40px;  
    }
#banner .playBtn {
        bottom: -40px;
        width: 78px;
        height: 78px;
        align-items: flex-start;
        padding-top: 13px;
}    
    .title.margin_b {
        margin-bottom: 10px;
    }
    .get-advice-form .gform_fields {
        display: block;
    }
.gfield_checkbox {
    text-align: right;
}
.gfield_checkbox .gchoice{
    display: flex;
    align-items: flex-start;    
}
.gchoice label {
    color: #fff;
    font-size: 15px;
    padding-right: 5px;
}
#sidecontact .ginput_container input[type="checkbox"] {
    width: 24px !important;
    display: inline;
    height: 15px;
    margin: 6px 0 0 0px;
}
    .slick-dots{
        position: relative;
        bottom: 0px;
        text-align: center;    
    }
h2, .about_cont h2 {
        margin: 0 auto;
        width: auto;
        font-size: 38px;
        line-height: 45px;
    }
    .title h2:not(:first-child):before{
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 74px;
        height: 5px;
    }
    .content-flex {
        margin-bottom: 35px;
    }
    .advantages-us {
        padding: 50px 20px 40px;
    }
    .adant_list>*:last-child:nth-child(odd){
     grid-column: 1 / -1;
    justify-self: center;
    width: 65%;   
    }
    .page_title.entry h1:before{
        bottom: -30px;    
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .entry h2{
        text-align: right !important;
    margin: 0;
    }
    .category-content .title h2.subtitle{
        line-height: 40px;
    }
 .category-content.page_title.entry h1, .content_area_heading {
     text-align: right !important;
 }
  .category-content.page_title.entry h1:before{
         margin: 0 0 0 auto;
 }
 .bottom_white form {
    margin-bottom: 0px;
}
.project_grid{
    grid-template-columns: repeat(1, 1fr);
}
.cont_title h3, .cont_title h4{
    font-size: 20px;
    line-height: 20px;
}
.about_page_bg .studycenter-section{
     padding-right: 10px;   
}
.lightBlck {
    padding: 30px 20px;
}
.rss_items {
    display: block;
}
.go_to_article {
     margin-right: 0px;
}
ul.rss-feed{
    width: 100%;
    padding-bottom: 30px;
}
.dot{
    display: none;
}
.go_to_article {
    margin-right: 0px;
    position: absolute;
    left: 0;
}
._heading {
    padding: 10px;
}

.title h2.subtitle, .about_cont h1, .page_title.entry h1 span.chunk1 {
        font-size: 22px !important;
        line-height: 24px;
    }
.studycenter-content .title h2{
    font-size: 38px;    
    line-height: 40px;

}
.projects {
    margin-top: 10px;
}
.para p {
    text-align: center;
}
#project-section {
    margin-top: 20px;
}
.playBtn img {
    max-width: 40px;
}
    
.work-us {
    padding-bottom: 0px;
}
.study_center_link .more{
    text-align: center;
    margin-bottom: 30px;    
}    
.link_item{
    margin-bottom: 0px;
    margin-top: 0px; 
}
.media_video {text-align: center;}
#get-advice-section{
    padding: 100px 80px 100px 20px;    
}
.get-advice-section  {
    padding: 100px 80px 100px 20px;
}  
.playBtn {
        top: calc(50% - 0px);
        width: 40px;
        height: 40px;
    }
.link_item a h3{
  font-size: 24px;  
}
body .advantages-us h2 {
    font-size: 38px !important;
}
	.footer-inner {
    padding: 10px 0px 10px 0;
	}
	.page_title{
    margin: 0 auto; 
    justify-content: center;	    
	}
    .contact-page-detail ul li {
        padding: 11px 14px;
        margin-bottom: 16px;
        height: auto;
    }
    .contact-info-icon img {
    max-width: 32px;
    }
    .contact-page-detail .contact-info li a {
    font-size: 16px !important;
}
}

@media only screen and (max-width: 420px) {
.contact-info li {
    display: flex;
    align-items: center;
    column-gap: 9px;
    height: 50px;
    float: none;
    padding: 0;
    margin-bottom: 20px;
    text-align: right;
    padding-left: 10px;
    margin-bottom: 30px;
}
    	
    .contact-info li i {
    	font-size:30px;
    	margin-left:5px;
    }
	.footer-inner {
		width:100%;
	}
	
	.copyrights {
		text-align: center;
		margin-bottom:10px;
	}
	
	.credits {
        justify-content: center;
	}

    .entry h1,
    .entry h2,
    .entry h3,
    .entry h4, .content_area_heading {
        text-align: right !important;
    
    }
	#topimage .textholder {
		bottom: 10px; 
	}
	
	#contact-section #sidecontact {
	    margin-top:20px;
	}
	

	
}



@media only screen and (max-width: 325px) {
 
#breadcrumbs {
	display: none;
}
#fixed-bottom .tel-area {
    font-size: 12px;
}

}