@media (max-width:1600px){


	header#masthead {
	    padding-left: 30px;
	    padding-right: 30px;
	}

	section.gray_bg {
	    padding: 40px;
	}

	section.mainslider .container {
	    padding-left: 20px;
	}



	footer#colophon {
	    padding-left: 30px;
	    padding-right: 30px;
	}

	
	section.mainservie_bg {
	    padding-left: 40px;
	    padding-right: 40px;
	}

	section.form_page_bg .form_content {
	    padding-left: 40px;
	}
	
	
	.blue-icon-list li {
    min-width: 210px;
}
	
	
	
	
}

@media (max-width:1500px){
    
    nav#site-navigation ul#primary-menu a {
    font-size: 16px;
    padding: 5px 10px;
    }
    
    
    .topbar a {
        font-size: 14px;
    }
    
    .menuarrow {
        right: 6px;
        }
}

@media (max-width:1400px){
    
	nav#site-navigation ul#primary-menu {
	    gap: 12px;
	}

	footer#colophon .site-info ul {
	    font-size: 18px;
	}
	

	
	nav#site-navigation ul#primary-menu a {
        padding: 5px 0;
	}
	
	.topbar a {
        font-size: 14px;
    }
    
    
    #tab-pills.nav-pills .nav-link{
        font-size:16px;
        min-width: 150px;
    }
    
    div#tab-pills{
        gap:10px
    }
}


@media (max-width:1300px){
    
   .menuarrow {
        right: -2px;
        }
    
    /*section.mainslider .container .slide_content{*/
    /*    font-size: 34px;*/
    /*}*/
    
    
    
    
}

@media (max-width:1200px){
	section.mainslider .container .slide_content {
	    font-size: 26px;
	}
	section.mainslider .slide_content p {
    line-height: 31px;
}

    .slide_content ul li {
        font-size: 22px;
        line-height: 44px;
    }
    
    .slide_content ul li:before{
        width: 32px;
        height: 30px;
        left: -38px;
        top: 4px;
    }


	nav#site-navigation ul#primary-menu a {
	    font-size: 14px;
	}


	.topbar ul li:last-child a span {
	    display: inline-block;
	}


	.topbar {
	    gap: 15px;
	    justify-content: flex-end;
	}
	
    
    
    .team-member {
        padding: 0;
        margin: 0;
    }
	


	.row.contactbar .col-sm-4 {
	    max-width: 220px;
	}

	.row.contactbar .col-sm-8 {
	    max-width: calc(100% - 220px);
	    width: calc(100% - 220px);
	}

	footer#colophon .site-info ul, footer#colophon  p {
	    font-size: 16px;
	}

	footer#colophon .site-info ul li {
	    margin-bottom: 10px;
	}

	ul#menu-footer-menu {
	    font-size: 18px;
	}

	.address a, .address span{
        font-size:18px;
    }

    .address {
        margin-left: 10px;
        margin-bottom: 20px;
        margin-right: 10px;
}



#tab-pills.nav-pills .nav-link {
    min-width: 100px;
}
	
	
}

@media (max-width:1080px){
   
   .content .col-lg-6 {
    width:100%;
}
    
    .topbar a {
        font-size: 14px;
    }
}


@media (max-width:991px){

    .logged-in div#page {
         margin-top: 0px; 
    }
    
    .welcome_section .col-lg-6 div {
        padding: 0 20px;
    }
    .hero-image {
        height: 50%;
        min-height: 380px;
}

    
    section.mainslider .container .slide_content {
        max-width: 374px;
    }
  
    .slide_content ul li {
        font-size: 18px;
        line-height: 34px;
    }
    .slide_content ul li:before {
        width: 24px;
        height: 22px;
        left: -26px;
    }
    
	footer#colophon .site-info {
     display:none;
    }
    footer#colophon .site-info-mobile {
     display:flex
    }
    footer#colophon .site-info-mobile ul{
        display:inline-block;
        font-size:16px;
    }
    
    .site-info-mobile .hours-contact {
        display: flex;
        flex-direction: column;
        margin: 0 0 0 20px;
    }
    .site-info-mobile .address1{
        margin: 0 30px 0 20px;
    }
    ooter#colophon span {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
}
    

    footer#colophon .site-info-mobile ul li{
        padding-left:0;
    }
    .mail:before, .phone:before, .hours:before, .address1:before{
        display:none;
    }
	nav#site-navigation {
	    display: none;
	}

	.topbar {
	    border-bottom: 0px !important;
	    margin: 0px;
	    padding: 0px;
	}


	header#masthead .row {align-content: center;}

	header#masthead .row .col-sm-6:last-of-type {align-content: center;display: flex;justify-content: flex-end;gap: 0px;}

	ul#menu-footer-menu {
	    font-size: 16px;
	}

	ul#menu-footer-menu li:first-child {
	    padding-left: 0px;
	}

	ul#menu-footer-menu li {
	    padding-left: 20px;
	}
	
	.footer_logo {
        margin-top: 50px;
        text-align: center;
        margin-bottom: 20px;
    }

	.img-footmenu {
        align-items: center;
    }




	
	
	.navbar-toggler {
        width: 60px;
        height: 60px;
        position: relative;
        transition: .5s ease-in-out; 
        position: relative;
        z-index:999;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-evenly;
        padding:6px!important;
    }
    .navbar-light .navbar-toggler{position: relative;}
	
	.navbar-toggler,
    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
        border: 0;
        border-radius:0;
    }
    
    .navbar-toggler span {;padding: 0;}
    .toggler-icon {
        display: block;
        height: 5px;
        width: 100%;
        background: #fff ;
        border-radius: 1px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out; 
        max-width:50px;
        
    }
    .middle-bar {margin-top: 0px;}
    
    
    
    /* State when the navbar is collapsed */
    
    .navbar-toggler.collapsed .top-bar {transform: rotate(0deg);width:90%; }
    
    .navbar-toggler.collapsed .middle-bar {opacity: 1;filter: alpha(opacity=100);width:50%; }
    .navbar-toggler.collapsed:hover .middle-bar {opacity: 1;filter: alpha(opacity=100);}
    
    .navbar-toggler.collapsed .bottom-bar {transform: rotate(0deg);width:90%; }
    
    /* when navigation is clicked */
    
    .menuactive .navbar-toggler .top-bar {margin-top: 9px;transform: rotate(135deg);background: #fff;}
    .menuactive .navbar-toggler .middle-bar {opacity: 0;display:none;}
    .menuactive .navbar-toggler .bottom-bar {margin-top: -18px;transform: rotate(-135deg);background: #fff;}
	
	
	/*header#masthead.menuactive {*/
 /*       background: #18054E;*/
 /*   }*/

	.mobile_menu {
	    /*display: inline-block;*/
	    display: flex;
	    align-items: center;
	}
    
    .mobile-num a.head-num{
	    display:block;
        background: transparent;
	}
	
	.mobile-num a.head-num{
	    font-size:.1px;
	}


	nav#site-navigation.menuactive {
	    display: block;
	    position: fixed;
	    width: 327px;
	    background:#75B320;
	    right: 0;
	    top: 0;
	    padding: 30px;
	    margin-top: 100px;
	    z-index: 9;
	}
	.main-navigation {
        margin-top: 0px;
	}    

	nav#site-navigation.menuactive ul#primary-menu {
	    display: block;
	}

	nav#site-navigation.menuactive ul#primary-menu li {
	    margin-bottom: 15px;
	}

	nav#site-navigation.menuactive .mobile_contact{
		display: block;
		border-top: solid 1px #fff;
	}
	nav#site-navigation.menuactive .mobile_contact ul {
	    display: block;
	    margin-top: 15px;
	}

	nav#site-navigation.menuactive .mobile_contact ul li {
	    margin-top: 15px;
	    padding-left: 10px;
	    position: relative;
	}

	nav#site-navigation.menuactive .mobile_contact ul li img {
	    position: absolute;
	    left: 0;
	    max-width: 23px;
	    top: 2px;
	}

	nav#site-navigation.menuactive .mobile_contact ul li a {
	    color: #000;
	    font-size: 14px;
	}


	nav#site-navigation ul#primary-menu li.current_page_item {
        height: auto;
        color:#000;
    }
    nav#site-navigation ul#primary-menu a {
        font-size: 18px;
    }

	
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
        position: relative;
        float: unset;
    }

	button.menu-toggle {
	    display: none;
	}
	
	.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: auto;
        padding-top: 0;
        margin-left: 15px;
    }
    .main-navigation ul ul li {
        margin-bottom: 0px !important;
    }
    .main-navigation ul ul li:last-of-type {
        margin-bottom: 4px !important;
    }
    .sub-menu li {
         margin: 0 ;
         border-bottom:0px;
    }


    .menuarrow {
        width: 19px;
        height: 18px;
        background: url(../images/down-arrow.png) no-repeat;
        float: right;
        position: absolute;
        /*top: 50%;*/
        top: 18px;
        right: 10px;
        transform: translateY(-50%);
        background-size: auto;
        border: 1px solid #ffffff2e;
        border-radius: 5px;
        padding: 15px;
        background-position: center;
            filter: brightness(0) invert(1);
    }



        /*contact*/
	.contact_content::after {
        display:none;   
	}
	.contact_content{
	    padding:20px;
	    margin-top:0;
	}
	.contact-info {
      display: flex;
      flex-direction: column;
      margin-left: 0;
      margin-top: 114px;
    }
    .contact-info a {
      /*padding-left: 124px;*/
    }
    
    .contact_content p {
        max-width: 100%;
    }
    .contact-info {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-top: 0;
        /*align-items: flex-end;*/
        justify-content: flex-start;
        text-align: left;
    }
	
	


 .topbar a {
        display:none;
    }
    
    
    
   
   .mainslider .owl-dots {
    position: absolute;
    bottom: 49px;
    left: 50%;
    transform: translateX(-50%);
}
   
   
   
   .col-md-2-5 {
    flex: 0 0 auto;
    width: 100%!important;
}


.col-md-9-5 {
    flex: 0 0 auto;
    width: 100%!important;
} 
    
  .page-template-team .modal img {
    max-width: 100%;
} 

.lab_section .container .img {
    margin: 0px;
    padding: 0px;
}

.lab_section .container, .flexi .container {
    padding: 50px 20px 20px 20px;
    font-size: 16px;
}


.lab_section .container .row{
    flex-direction:column-reverse;
}

.lab_section:before{
    display:none;
}  

.imagegroup img {
    padding: 10px;
}

    #tab-pills.nav-pills .nav-link{
        font-size: 14px;
        padding: 15px 10px;
        max-width: 110px;
    }
    div#tab-pills {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .lab_tab p {
            font-size: 16px;
        }

 .flexi .content {
    padding: 0;
    
 }
 
 
 .col-lg-6 .col-md-4 {
    display: block;
    margin: 10px 0;
}

.testimonial_page .col-md-12:nth-of-type(even) .testimonial {
    text-align: left;
}


#testimonials:before {
    width: 56px;
    height: 61px;
    right: 15px;
    top: 21px;
}



.page-template-testimonials .page-title:after {
    display:none;
}


.address{
    border:0;
}

}

@media (max-width:767px){
    
    
    header#masthead.sticky img.custom-logo {
        max-width: 250px;
        transition: all linear .3s;
    }
    
    
    .home .white_grey_section .container:before {
        width: 61px;
        height: 35px;
        right: 33px;
        top: 39px;
    }
    
    
    .home-projects .col-xl-4:last-of-type:after {
        width: 135px;
        height: 139px;
        right: 13px;
        top: 4px;
        z-index: 3;
    }
    
    .home .white_grey_section .container {
        padding: 50px 20px 0px 20px;
    }
    
    
    .home .white_grey_section .container .row:nth-of-type(2){
        flex-direction:column-reverse;
    }
    
    .home .white_grey_section .container h2 {
        margin-left: 75px;
    }
    .home .white_grey_section .container h2:after {
        width: 80px;
        height: 15px;
        left: -84px;
        top: 4px;
        background-size: contain;
    }
    
    
    .white_grey_section .container .img {
        margin: 0px;
        padding: 0px;
    }
    .white_grey_section .container h2 {
        font-size: 22px;
    }
    .white_grey_section .container {
        font-size: 16px;
    }
    
    
    .project-title {
        font-size: 20px;
    }
    
    .subtitle {
        font-size: 16px;
    }
    
    .small-contact {
        font-size: 18px;
        padding: 20px 20px 50px 20px;
    }
    
    .small-contact .num {
        font-size: 18px;
    }
    .small-contact .btn {
        padding: 10px 10px;
    }
    
    .page-title{
        font-size:22px;
        margin-bottom: 15px;
    }
    
    
    
    nav#site-navigation.menuactive {
	    width:100%;
	}
     
    
	button.menu-toggle {
	    display: none;
	}



    .red-btn-head a {
       padding: 10px 20px !important;
        font-size: 20px !important;
    }

	.row.contactbar .col-sm-4 {
	    order: 1;
	    width: 50%;
	    max-width: 100%;
	}
	.row.contactbar .col-sm-12 {
	    order: 2;
	    width: 50%;
	    max-width: 100%;
	}

	.row.contactbar .col-sm-8 {
	    order: 2;
	    max-width: 100%;
	    width: 100%;
	}

	.footer_logo {
	    text-align: left;
	    margin-bottom: 30px;
	}



	header#masthead .row {flex-wrap: nowrap;justify-content: space-between;}



	header#masthead .row .col-sm-6:last-of-type {
	    max-width: calc(88% - 172px);
	}
    header#masthead {
        padding-top: 15px;
        padding-bottom: 15px
    }

	header#masthead .row .bookaservice a {
	    font-size: 14px;
	    height: 36px;
	    line-height: 36px;
	    padding-left: 10px;
	    padding-right: 10px;
	}

	.topbar ul {
	    display:none;
	}

	.topbar {
	    gap: 10px;
	}

	.row.bottombar {
	    position: relative;
	    flex-direction: column-reverse;
	    text-align: center;
	}


	.row.bottombar .social_icons {
        float: none; 
        margin: auto;
        padding-top:15px;
    }
    .foot-message {
         text-align: center;
    }
	ul#menu-footer-menu {
	    padding: 0px;
	    margin: 0px;
	    text-align: center;
	    margin-top: 15px;
	}

	ul#menu-footer-menu li {
	    display: block;
	    padding: 5px 0px;
	}
	
	section.mainslider .container .slide_content {
        max-width: 374px;
    }
  
	section.mainslider .slide_img {
	    min-height: 400px;
	    position: relative;
	    overflow: hidden;
	}

	section.mainslider .slide_img img {
	    min-height: 100%;
	    width: auto !important;
	    max-width: inherit;
	    left: 50%;
	    transform: translate(-54%,-10%);
	}

	section.mainslider .container {
        top: 50%;
    }
    section.mainslider .slide_content p {
        font-size: 22px;
    }

	section.mainslider .container .slide_content {
	    line-height: normal;
	}

	section.mainslider .container .slide_content:before {
	    width: 3px;
	    top: 0;
	    height: 100%;
	}


	section.mainservie_bg .whitearea .col-sm-6 {
	    width: 100%;
	}


	.row.bottombar .col-sm-6 {
	    width: 100%;
	}


    
    .contact_content {
        margin-left: 0px;

    }
    section.form_page_bg .form_content {
        padding-left: 0;
    }
    
    section.form_page_bg .container {
        padding: 0px;
        margin-bottom: 0px;
    }
    
    section.form_page_bg .container .row{
        flex-direction:column-reverse;
    }

	section.form_page_bg .container .col-sm-6:first-child .form_content {
	    padding: 40px;
	}

	section.form_page_bg .container .col-sm-6 {
	    width: 100%;
	}

	section.form_page_bg .col-sm-6:last-child iframe {
	    height: 400px;
	}
	
	
	
	.hf p, .ff p {
	    display: block;
	    margin: 0px !important;
	    
	}

	.hf p br,.ff p br {display: none;}

	.form_content input{margin-bottom:15px;min-height: 46px;}
	.ff, .fh {
	    margin-bottom: 0px;
	}

	section.form_page_bg select.wpcf7-form-control.wpcf7-select {
	    margin-bottom: 15px;
	    min-height: 46px;
	}

    nav#site-navigation.menuactive {
    margin-top: 135px;
    }
    
    
    
    .post-type-archive-project .white_grey_section .container {
        padding: 50px 15px 20px 15px;
    }
    
    #projectsTab .nav-link {
        font-size: 16px;
        padding:0.5rem 10px;
        
    }
    
    
    #projectsTab.nav {
        justify-content: center;
        flex-wrap: nowrap;
        margin: auto;
    }


    
    .testimonial_page.white_grey_section .container h1 {
        padding: 0 10px;
        margin: 0;
        font-size: 22px;
    
    }
    div#testimonials {
        padding: 50px 15px 20px 15px;
    }
    
    
    section.mainservie_bg .whitearea {
        padding: 0px;
    }


}

@media (max-width:576px){
    
    
    
    .page-title:after {
        width: 100px;
        background-size: contain;
        height: 14px;
        left: -84px;
        top: 7px;
    }
    
    
    section.projects.white_grey_section .container {
        padding: 50px 20px 20px 20px;
    }
    
    article .col-md-12 div{
        border:0;
        flex-wrap: wrap;
    }
    
    article .col-md-12 div span{
        border-right:0;
        padding: 10px 0 5px 0px;
    }
    
    
    article .col-sm-11 {
        order: 2;
    }
    
    article .col-sm-1 {
        order: 1;
    }
    
    article .col-md-12{
        order:3;
    }
    
    button.btn-close {
        float: right;
    }
    
    section.white_grey_section.meet_team:before {
        width: 62px;
        height: 61px;
        right: 25px;
        top: 18px;
    }
    
    
    section.testimonial_bottom {
        background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('../images/testimonial-bg.webp');;
    }

        .testslider.owl-carousel {
            padding: 0 20px;
        }
        
        
        .testslider:after {
            right: 26px;
            bottom: 379px;
        }
        
        
        .testslider:before {
            left: -5px;
            top: -37px;
        }

    .white_grey_section .container h1{
        font-size:22px;
    }
    
    header#masthead .row .col-sm-6:last-of-type {
        max-width: calc(50% - 95px);
    }
    
    header#masthead .row .col-sm-6:first-of-type {
	    max-width: 350px;
	}
    
    section.gray_bg {
        padding: 20px;
    }
    h1.home-title{
        font-size: 22px!important;
    }

    

    section.mainslider .container .slide_content {
        max-width: 65%;
    }
        
        
    section.form_page_bg {
        min-height: auto;
        padding: 0 15px;
        margin-top: 20px;
    }
    
    footer#colophon .site-info-mobile {
        display: flex;
        flex-direction: column;
    }
    footer .col-sm-8 {
        display: block;
    }
    
    .site-info .address1 {
        max-width: 100%;
    }
 
    
    
    .social_icons {
        margin-top: 35px;
    }
    
    
    
    section.mainservie_bg {
        padding-left: 15px;
        padding-right: 15px;
    }
    footer#colophon .site-info-mobile {
        width: 100%;
    }
   
    nav#site-navigation.menuactive {
        margin-top: 92px;
    }
    
    .right-col img{
        display:none;
    }
    
    
    
        
    
    div#tab-pills {
        display: flex;
        margin-bottom: 2em;
        flex-wrap: wrap;
        gap: 15px;
    }
    #tab-pills.nav-pills .nav-link{
        font-size:13px;
    }
     
}

@media (max-width:450px){




	header#masthead .row .col-sm-6:first-of-type {
	    max-width: 290px;
	}



	header#masthead {
	    padding-left: 0;
	    padding-right: 0px;
	}

	
	.news_listing main#primary article {
        width: calc(100% - 0px);
    }
	
	
	.hero-image {
       min-height: 300px;
    }
    
    .contact_content{
        font-size:16px;
        padding:0;
    }
    
    .contact_content:before, .form_page_bg:before, .form_page_bg:after{
        display:none;
    }
	
	
    
    section.mainslider .slide_img img {
        transform: translate(-70%,13%);
    }
    .slide_content ul li {
        font-size: 16px;
        line-height: 32px;
    }
    
    .slide_content ul {
    
        margin-left: 15px;
    }
    
    .mainslider .slide_img img {
        min-height: 100%;
        width: auto !important;
        max-width: inherit;
        left: -200%;
        top: -197px;
        transform: scale(.55);
        position: relative;
    }
    
    section.mainslider .container .slide_content {
        max-width: 100%;
        padding-left: 0px;
    }
    
    section.mainslider .slide_content p {
        line-height: 26px;
        font-size: 22px;
    }



    nav#site-navigation.menuactive .mobile_contact ul li .mob-head-phone {
    max-width: 30px!important;
    top: -3px!important;
    left: -3px!important;
}


}