@media (max-width: 1700px) {
	
	.hero-subpage .carousel-caption{ width: 750px;}
	.hero h1{ font-size: 55px;}
	.single .hero h1{ font-size: 48px; }
	.hero h3{ font-size: 18px; }
	.single .hero h3{ font-size: 17px; }
	
	
	.subpage.intro .formSave{ width: 480px; padding: 20px 30px 0 30px; margin-left: 210px; }
	
	.subpage.intro .in{ padding-top: 50px; padding-bottom: 40px; }
	.intro h2{ font-size: 45px; }
	
	.widget-area{ width: 100%; }
	
	.sectionHead h2{ font-size: 65px; }
	.homeh1 { font-size: 65px; }
	.sectionHead h3{ font-size: 18px; }
	
	.LP-special .in{ padding-top: 50px; }
	
	.top-reviews .col-8:not(.form-box){ flex: 0 0 60%; }
	.mainContent:not(.col-12){ flex: 0 0 67%; }
	
	#header .phone {
  		margin-right: 20px;
	}
	#header #main-menu {
 		 padding-right: 10px;
	}
	
	#header .nav-link {
  		font-size: 16px;
	}
}	
@media (max-width: 1580px) {
	#header .container{ width: 98%; }
	
	.testimonials .video-box{ width: 110%; }
	
	.intro .formSave{ padding: 40px 35px 0px 35px; margin-left:0; width: 100%; }
	
	.videos .video-box{ height: 370px; }
	
}

@media (max-width: 1450px) {
	.big-form .in{ width: 100%; }
	
	.hero-standard-subpage#hero img{ height: 540px; }
	
	#header .navbar-brand img{ height: 100px; }
	#header .nav-link{ font-size: 17px; padding: 8px 10px; }
	#header .nav-link::before{ left: 7px; }
	#header .current-menu-parent .nav-link:before,
	#header .current-menu-item .nav-link:before,
	#header .nav-link:hover:before{
		width: calc( 100% - 15px );
	}
	.dropdown-item{ font-size: 15px; }

	#header .phone{ font-size: 18px; }
	#header .phone::before{ font-size: 13px; }
	
	.button{ font-size: 15px; }
	
	.testimonials .video-box{ width: 100%; }
	
	
	.sectionHead h3{ font-size: 16px; }
	.homeh1 { font-size: 60px; padding: 10px 0; }
	.sectionHead h2{ font-size: 60px; padding: 10px 0; }
	.sectionHead p{ font-size: 19px; }
	
	.sectionHead.sectionHeadSmall h2{ font-size: 45px; }
	.servicesIntro p{ font-size: 19px; }
	
	.special .item .title h3{ font-size: 20px; }
	.special .item p{ font-size: 16.5px; }
	.special .item .more{ font-size: 16px; }
	
	.tab-service-content h2{ font-size: 45px; }
	.tab-service-content p{ font-size: 18px; }
	
	.intro p{ font-size: 18px; }
	
	.entry-content, 
	.entry-content ul li, 
	.entry-content ol li, 
	.entry-content p,
	.tab-service-content .more,
	.txt-section p{ font-size: 17px; }
	
	#widget-area ul li::before{ top: 5px; font-size: 10px; }
	
	.entry-photo{ margin-left: -20px; margin-right: 30px; }
	
	.hero-contact .rowContact{ width: 100%; }
	.hero-contact  .carousel-caption{ left: 5%; right: 5%; }
	
	.service-cta .button{ padding: 14px 30px; }
	
	.serviceTabs .nav-link{ font-size: 17.5px; }
	
	.tab-service-content,
	.tab-service-content .photo{ height: 650px; }
	
	.txt-section .row-txt{ padding: 30px 0; }
	
	.why{ padding-top: 250px; }
	.why .item{ min-height: 230px; }
	.LP-why{ padding-top: 70px; }
	
	.subpage.intro .formSave{ margin-left: 160px; }
	
	.gallery-carusel .owl-item, .gallery-carusel .owl-item img{ height: 480px; }
	
	.hero-subpage#hero img{ height: 600px; }
	.hero-subpageService#hero img{ height: 750px; }
	
	.formSave .project-description textarea{ height: 180px; }
	
	.single .hero h1{ font-size: 35px; }
	.single .hero h3{ font-size: 14px; }
	
}

@media (max-width: 1400px) {
	#header #navbarNavDropdown {
		margin-top: 70px;
		margin-right: -15px;
  }
	
  #header .buttons {
    margin-top: -60px;
    position: absolute;
    right: 20px;
  }
}

@media (max-width: 1320px) {
	#header .nav-link{ font-size: 15px; }
	
	#header #main-menu::after{ height: 45px; margin-left: 10px; }
	#header #main-menu{ padding-right: 15px; }
	#header .phone{ margin-left: 15px; margin-right: 15px; }
	
	.button{ padding: 12px 10px; font-size: 14.5px; }
	
	.top-reviews .in{ width: 100%; }
	
	.special .item{ padding: 20px 30px; }
	.special .item .title small{ font-size: 14px; }
	.special .item p{ min-height: 220px; }
	
	.videos .video-box{ height: 285px; }
	
	.hero-subpage .carousel-caption{ width: 650px; margin-left: -575px; }
	.hero h3{ font-size: 16px; }
	
	.formSave .form-head h2{ font-size: 23px; }
	.formSave .form-head p{ font-size: 16.5px; margin: 10px 0; }
	.formSave .project-description textarea{ height: 180px; }
	.page-template-LP .formSave .project-description textarea{ height: 334px;  }
	.formSave input[type="submit"].wpcf7-submit{ margin-left: 4px; }
	
	.request-yes,
	.select-service{ flex: 0 0 100%; max-width: 100%; }
	
	.subpage.intro .formSave{ width: 400px; }
}

@media (max-width: 1199px) {
	
	#header .buttons{ margin-top: -60px; position: absolute; right: 20px; }
	#header.sticky .buttons{ margin-top: -25px; }
	
	#header #main-menu::after{ display: none; }
	
	#header #navbarNavDropdown{ margin-top: 30px; margin-top: 70px; margin-right: -15px; }
	
	#header.sticky #navbarNavDropdown{ margin-bottom: -20px; }
	
	#menu-item-746 .dropdown-menu{ margin-left: -150px; }
	
	.top-reviews h2{ font-size: 35px; }
	.top-reviews .rate{ font-size: 75px; }
	.top-reviews h3{ font-size: 20px; }
	.top-reviews .more{ font-size: 16px; }
	.top-reviews .col-nr-1 h3{ margin-top: 45px; }
	.top-reviews .col-nr-3 img{ height: 230px; margin-top: 20px;}
	
	.home .entry-content p br{ display: none; }
	
	.special .col-4{ padding-left: 7px; padding-right: 7px; }
	.special .item .title h3{ font-size: 18px; }
	.special .item p{ min-height: 250px; }
	
	.sectionHead.sectionHeadSmall h2{ font-size: 35px; }
	
	p, ul li, ol li{ font-size: 15px; }
	
	.entry-content, .entry-content ul li, .entry-content ol li, .entry-content p, .tab-service-content .more, .txt-section p{
		font-size: 16px; line-height: 1.6; 
	}
	
	.tab-service-content .photo{ margin-left: -100px; width: calc( 100% + 100px ); }
	.tab-service-content .col-5,
	.tab-service-content .col-7{ flex: 0 0 50%; max-width: 100%; }
	.tab-service-content .txt{ padding-left:20px; }
	.tab-service-content h2{ font-size: 35px; }
	.tab-service-content p{ font-size: 16px; }
	.service-cta .button{ padding: 14px 20px; }
	.service-cta .col-5{ flex: 0 0 50%; max-width: 100%; padding-left: 20px; }
	
	.testimonials .col-first{ margin-top: 0; }
	
	.why .icon{ width: 100px; height: 100px; background-size: 50px auto; }
	.why .txt{ width: calc( 100% - 100px ); }
	.why .txt h4{ font-size: 18px; }
	
	.gallery-carusel{ width: 650px; }
	
	.videos .video-box{ height: 320px; }
	
	.area{ background-size: auto 100%; padding: 70px 0 50px; }
	
	.hero-subpage .carousel-caption{ width: 550px; margin-left: -450px; }
	
	.hero h1{ font-size: 45px; padding-top: 0; padding-bottom: 0; }
	.hero h3{ font-size: 15px; }
	.home .hero p{ padding-top: 20px; }
	
	.subpage.intro .formSave{ width: 360px; margin-left: 120px; }
	
	.entry-content h2{ font-size: 25px; }
	
	.hero-subpage#hero img{ height: 450px; }
	.hero-subpageService#hero img{ height: 650px; }
	
	#widget-area ul{ padding: 0; 	}
	#widget-area ul li{ padding-left: 15px; }
	.entry-content .widget-area h3{ font-size: 30px; }
	
	
	.hero-contact .item .icon{ width: 100px; height: 100px; background-size: 45px auto; }
	.hero-contact .item .txt{ margin-left: 15px; }
	.hero-contact .item .phone{ font-size: 23px; margin-top: 15px;  }
	.hero-contact .item .in{ height: 90px; }
	.hero-contact .item h4{ padding-top: 15px; font-size: 13px; margin-bottom: 4px; }
	.hero-contact .item p{ font-size: 13px; }
	
	.sectionFormContact .big-form .in{ width: 100%; padding-top: 60px; }
	
	.map .in .rowInfo{ width: 300px; }
	.map .in .rowInfo .col-company {  padding: 50px 10px 0;}
	.map .col-company .logo{ width: 150px; }
	.map .col-company a{ font-size: 28px; }
	
	.footer-links{ padding:	50px 0; }
	.footer-links h3{ font-size: 16px; }
	.footer-links ul li{ font-size: 15px; }
	.footer-visit h3{ font-size: 17px; }
	#footer .copy a{ font-size: 13px; }
	
	.modal-dialog{ margin: 0 auto; }
	.modal{ margin-left: 0 !important; padding-left: 0 !important;  }

}

@media (max-width: 991px) {
    #formModalCenter .form {
        width: calc(100% - 280px);
        padding: 30px 40px;
    }

    #formModalCenter .info {
        width: 280px;
    }
    #formModalCenter .info > div {
        padding: 90px 40px;
    }
    #formModalCenter .info .phone a {
        font-size: 28px;
    }
    #formModalCenter .info .address {
        margin-top: 70px;
    }
    
    .home .carousel-caption{ left: 0; right: 0; }
    .hero .button{ font-size: 14px; }
    
    .top-reviews .rate{ font-size: 55px; }
    
    .servicesIntro{ padding: 60px 0 40px; }
    .sectionHead h2{ font-size: 45px; }
	.homeh1{ font-size: 45px; }
    .video-box img{ width: 100%; height: auto; }
    .sectionHead.sectionHeadSmall h2{ font-size: 29px; }
    .servicesIntro p{ font-size: 17px; }
    
    .home .entry-content p{ font-size: 18px; padding-left: 10px; padding-right: 10px; }
    
    .special .item .title h3{ font-size: 17px; }
    .special .item p{ font-size: 15px; }
    
    .serviceTabs .nav-item{ margin-right: 15px; font-size: 16px;  }
    .serviceTabs .nav-item a{padding: 30px 0; }
    .service-cta .or{ display: none; }
	.service-cta .button{ display: block; width: 100%; }
	.service-cta{ padding: 44px 0; }
	
	.intro .formSave{ padding: 20px 20px 0;}
	.formSave .form-box,
	.formSave .form-head{ flex: 0 0 100%; max-width: 100%; }
    .formSave .form-submit{ margin: auto; }
    
    .LP-services .item .photo{ background-size: cover; height: 300px; }
    .LP-services .item .txt{ height: calc( 100% - 300px ); }
    .LP-services .item .txt h3{ font-size: 24px; }
    .LP-services .item .txt p{ font-size: 16px; }
    
    .gallery-carusel{ width: 520px; }
    .gallery-carusel .owl-item, .gallery-carusel .owl-item img{ height: 380px; }
    
    .testimonials .col-first,
    .testimonials .col-last{ flex: 0 0 100%; max-width: 100%; padding: 20px;    }
    
    .hero-subpage .carousel-caption{ width: 440px; margin-left: -370px; }
    .subpage.intro .formSave{ width: 320px; margin-left: 60px;  }
    
    .text-section .col-left{ padding-right: 20px; }
    .text-section .col-right { padding-left: 20px; }
    
}

@media (max-width: 855px) {
	
	#header .navbar-brand img {
		height: 50px;
	  }
}

@media (max-width: 768px) {
  .subpage .formSave {
    display: none;
  }
}

@media (max-width: 767px) {
	
	.mobile-bottom{
		display: block; 
	}
	
	 #header .navbar-brand img {
		height: 100px;
	  }
	
    .navbar-collapse #main-menu {
        position: fixed;
        width: 100%;
        top: 10px;
        left: 0;
        padding: 30px 25px;
        background-color: #FFF;
        box-shadow: 0 8px 15px rgba(0, 0, 0, .15);
        transform-origin: 50% 0;
        transform: scaleY(0);
        transition-duration: 250ms;
    }

    .navbar-collapse.show #main-menu {
        transform: scaleY(1);
    }    

    .navbar-collapse #main-menu > li {
        width: 100%;     
    }
    .navbar-collapse #main-menu > li > a {
        color: #000 !important;
        margin: 0 9px;
        border-bottom: 0;
    }
    #header .current-menu-parent .nav-link::before, #header .current-menu-item .nav-link::before, #header .nav-link:hover::before{
	    display: none;
    }
     #header .current-menu-parent .nav-link, #header .current-menu-item .nav-link, #header .nav-link:hover{
	     color: #019adc;
     }
    .navbar-collapse #main-menu > li.current-menu-item > a,
    .navbar-collapse #main-menu > li:hover > a {
        color: #343a40;
        border: 0;
    } 
    .navbar-collapse #main-menu > li.menu-item-has-children > a::after {
        display: none;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown {
        width: 44px;
        height: 44px;
        text-align: center;
        cursor: grab;
        position: absolute;
        right: 0;
        top: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown.active-child {
        background-color: rgba(52, 58, 64, .3);
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown::after {
        content: "\f107";
        color: #343a40;
        font-family: "Font Awesome 5 Free";
        font-size: 13px;
        font-weight: 600;
        line-height: 44px;
        border: 0;
        padding: 0;
    }
    .navbar-collapse #main-menu > li:hover > a::before, 
    .navbar-collapse #main-menu > li.current-menu-item > a::before {
        display: none !important;
    }
    .navbar-collapse #main-menu > li ul.dropdown-menu {
        position: relative;
        width: 100%;
        padding: 0 0 10px 45px;
        border: 0 !important;
        box-shadow: 0 0 0;
    }
    .navbar-collapse #main-menu > li > ul.dropdown-menu > li > a {
        font-size: 14px;
        padding: 6px 5px;
        outline: none;
    }
    .navbar-collapse #main-menu > li > ul.dropdown-menu > li > a:hover,
    .navbar-collapse #main-menu > li > ul.dropdown-menu > li > a:focus,
    .navbar-collapse #main-menu > li > ul.dropdown-menu > li > a:active {
        color: initial;
        background-color: transparent;
    }
    #header #navbarNavDropdown{ margin-right: 0; margin-top:0; }
    #menu-item-746 .dropdown-menu{ margin-left: 0; }
    
    #header.sticky{ height: 120px; }
    #header.sticky .icon-bar{ background-color: #000 !important; }
    
    #header #main-menu{ max-height: 80vh; overflow: scroll; }

    #formModalCenter .form {
        width: 100%;
    }
    #formModalCenter .form h2 {
        font-size: 26px;
    }
    #formModalCenter .form h2::after {
        margin: 15px 0 30px 0;
    }

    #formModalCenter .info {
        display: none;
    }

    .form-group {
        margin-bottom: 5px;
    }
    .form-group label {
        font-size: 15px;
    }
    .form-control {
        font-size: 16px;
    }
    input[type="submit"].wpcf7-submit {
        font-size: 18px;
    }
    
    
    #header .buttons{ display: none; }
    #header .navbar{ padding: 20px 0; }
    #header .container{ width: 100%; }
    .navbar-dark .navbar-brand{ margin-left: 20px;}
    
    .carousel-control-prev,
    .carousel-control-next{ display: none; }
    
    .top-reviews h2{ font-size: 24px; }
    .top-reviews h3{ font-size: 17px; }
    .top-reviews .more{ font-size: 14px; }
    .top-reviews .more i{ display: none; }
    
    .top-reviews .rate{ font-size: 40px;  letter-spacing: -1px; }
    .top-reviews .rate small{ font-size: 18px; }
    .top-reviews h3{ font-size: 16px; 
	    
    }
    .top-reviews .col-nr-3 .mobile-testi{ margin-right: 0; }
    .top-reviews .col-nr-3 img{ max-width: 200px; height: auto; width: 150px; }
    
    
    
    .welcomeVideo{ padding: 40px 0; }
    
    
    .sectionHead p br{ display: none; }
    
    
    .col-100{ max-width: 100% !important; flex: 0 0 100% !important; }
    
    .special{ padding: 30px 0; }
    .special .item{ margin-bottom: 20px; text-align: center; }
    .special .item .icon{ height: 120px; background-position: center center;  }
    .special .item .title{ padding-bottom: 20px; min-height: auto; }
    .special .item p{ min-height: auto; padding-bottom: 0;    }
    .special .item .more{ font-size: 14px; }
    
    .sectionHead.sectionHeadSmall h2 br{ display: none; }
    
    .servicesIntro{ text-align: center; }
    .servicesIntro .info{ padding-top: 0; }
    .serviceTabs .nav-link{ padding: 20px 0; font-size: 14px; }
    
    .tab-service-content{ height: 660px; }
    .tab-service-content .photo{ height: 200px; width: 100%; margin-left: 0;  }
    .tab-service-content h2 { font-size: 28px; padding-bottom: 10px; }
    .tab-service-content h2:after{ margin-top: 10px; }
    .tab-service-content h2 br{ display: none; }
    .tab-service-content .col-5{ order: 2;  }
    .tab-service-content .col-7{ order: 1;  }
    
    .txt-section .col-first,
    .txt-section .col-last{ padding: 0; }
    
    .why .icon{ float: none; margin: auto; }
    .why .txt{ float: none; width: 100%; text-align: center;    }
    
    .gallery-carusel{ width: 450px;}
    
    .testimonials{ padding-bottom: 30px; }
    .testimonials .col-first{ padding: 20px 0 !important; background-size: 50px auto; }
    
    .videos-carusel{ margin-left: 0; }
    
    .area {   background-size: auto 350px;   padding: 40px 0 300px;  background-position-x: 81%;  background-position-y: bottom; }
    
    .footer-links .in{ width: auto; margin-bottom: 20px; }
    
    .footer-visit h3{ font-size: 15px; }
    .footer-visit a{ position: relative; top:10px; }
    
    #footer{ text-align: center; }
    #footer .menu-social-media-container,
    #footer ul{ margin: auto; }
    #footer .menu-social-media-container{ margin-bottom: 20px; }
    #footer ul li{ display: inline-block; float: none; }
    #footer .copy{ order: 2; }
    #footer .social-media{ order: 1; }
    
    .form-box .col-5,
    .form-box .col-7{ flex: 0 0 100%; max-width: 100%; }
    
    .formSave .project-description textarea,
    .page-template-LP .formSave .project-description textarea{ height: 200px; }
    
    .top-reviews h2{ margin-bottom: 10px;}
    .top-reviews h2 br{ display: none; }
    .intro .in{ padding-bottom: 30px; }
    
    .LP-services-head{ padding: 20px 0; }
    
    .LP-services::before{ display: none; }
    .LP-services .item .photo{ height: 200px; }
    .LP-services .item .txt .more{ position: inherit; }
    .LP-services .item .txt{ padding-bottom: 20px; }
    
    .subpage .formSave{ display: none; }
    .hero-subpageService#hero img{ height: 400px; }
    .hero-subpage .carousel-caption{ left: 0; margin-left: 20px; width: calc( 100% - 40px ); }
    
    .mainContent{ padding-bottom: 20px; padding-right: 20px; }
    .entry-photo{ flex: 0 0 40%; }
    
    .blog .entry-content h2.blog-post-title{ font-size: 21px; }
    .click5-read-more-link, .click5-back-link{ font-size: 15px; }
    
    .home .entry-content p,
    .big-form .sectionHead.sectionHeadSmall p,
    .entry-content, .entry-content ul li, .entry-content ol li, .entry-content p, .tab-service-content .more, .txt-section p{ font-size: 15px; }
    
    .map .in .rowInfo{ display: none; }
    .hero-contact .item .in{ margin-top: 10px; }
    
    .modal button.close{ color: #000 !important; }
	#tsaChatLaunchButton{
		position: fixed;
    bottom: 68px !important;
    right: 10px;
    z-index: 99999999;
    cursor: pointer;
    height: auto;
    width: auto;
	}
	.floating-box {
		display: none;
	}
}

@media (max-width: 575px) {
	#header.sticky{ height: 90px; }
	#header .navbar-brand img{ height: 75px; }
	#header.sticky .navbar-brand img{ height: 60px; }
	
    #formModalCenter .form {
        padding: 35px 40px;
    }
    #formModalCenter .form h2 {
        font-size: 26px;
    }
    #formModalCenter .form h2::after {
        width: 60px;
        margin-bottom: 25px;
    }
    
    .home #hero img{ min-height: 450px; height: 500px; }
    
    .hero h1{ font-size: 30px; letter-spacing: -1px; }
    .hero h1 br{ display: none; }
    
    
    .col-nr-1,
    .col-nr-2{ flex: 0 0 50%; max-width: 100%; }
    
    .col-nr-3{ flex: 0 0 100%; max-width: 100%; }
    .top-reviews .col-nr-3 .mobile-testi{ margin-right: calc( ( 100% - 150px ) / 2 ); }


	.sectionHead h2{ font-size: 35px; }
	.homeh1{ font-size: 35px; }
	.sectionHead h3{ letter-spacing: 2px; font-size: 15px; }
	.sectionHead.sectionHeadSmall h3,
	.sectionHead p{  font-size: 15px; }
	
	.serviceTabs .nav-link.active,
	.serviceTabs .nav-item a{ padding: 10px 0; }
	.serviceTabs .nav-link.active{ border-color: #fff; }
	
	.tab-service-content{ height: 770px; }
	
	.big-form .in{ padding: 40px 0 20px; }
	
	.gallery-carusel{ width: 260px; }
	.gallery-carusel .owl-item, .gallery-carusel .owl-item img{ height: 270px; }
	
	.video-box .play{ width: 75px; height: 75px; margin-left: -37.5px; margin-top: -37.5px; }
	.videos .video-box{ height: 160px;  }
	
	.col-links .col-3{ flex: 0 0 50%; max-width: 100%; }
	
	.area{ background-position-x: 75%; }
	
	.intro .in{ padding-top: 240px; }
	.intro p{ font-size: 15px; }
	
	.gallery-header{ padding-bottom: 0; padding-top: 40px; }
	
	.hero-subpage#hero img{ height: 360px; }
	
	.blog article{ margin-bottom: 20px; padding-bottom: 20px;}
	.blog article .entry-photo{ margin-left: 0; margin-right: 0; height: 200px; background-size: cover;  }
	.blog article .entry-photo,
	.blog article .entry-content{ flex: 0 0 100%; max-width: 100%; }
	.blog article .d-flex{ display: block !important; }
	
	.single .hero h1{ font-size: 27px; }
	.single .hero h3{ font-size: 12px; }
	.single .hero-subpage .carousel-caption{ bottom: 0; }
	
	.mainContent{ padding-top: 30px; }
	
	.single .widget-area{ margin-top: 25px; }
	
	.single article .entry-content p:first-child, .mainContent p:first-child, .entry-content p.introText{
		font-size: 17px; 
	}
	
	.mainContent .col-4{ flex: 0 0 100%; max-width: 100%; }
	
	.text-section{ padding-bottom: 20px; }
	
	.hero-subpage .carousel-caption{ bottom: 0; }
	.subpage.intro .in{ padding: 30px 0; }
	
	.footer-visit a img{ margin: auto; display: block; }
	
	#myTab{ justify-content: center; }
	#tsaChatLaunchButton{
		position: fixed;
    bottom: 68px !important;
    right: 10px;
    z-index: 99999999;
    cursor: pointer;
    height: auto;
    width: auto;
	}
	
}