@media only screen and (max-width: 1366px) {
    .modal-content.margin-top-150px{margin-top: 50px; margin-bottom: 50px;}
    
}
@media only screen and (max-width: 1280px) {
    #banner-slider .item {height: 500px;}
	.container.slider-inner-container {height: 500px; max-width: calc(100% - 150px)!important;}
}

@media only screen and (max-width: 1199px) {
    .heading-width { width: 200px;}
	.modal.contact-modal{padding-right: 0 !important;}
    .about-us .text br{display: none;}
    .service-row .about-text span.line-break {display: none;}
}

@media only screen and (min-width: 641px) and (max-width: 991px){
    .contact-info-map {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    }
    
    .contact-info-map .map-loc {
        width: 40%;
        margin-bottom: 0;
    }
    
    .contact-info-map .call_center {
        width: 40%;
        margin-top: 0;
    }
    
    .contact-info-map hr {
        display: none;
    }
    .hm-services-row .col-lg-4:nth-child(2), .hm-services-row .col-lg-4:nth-child(3)  {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .service-icon-box {width: 46%;}
}

@media only screen and (max-width: 991px){
    .slider-txt h1 { font-size: 40px;}
    .slider-txt h4 { font-size: 18px;}
    .footer-block{ padding: 55px 0 0!important;}
    .nile-about-section{ padding: 80px 0;}
    header a.mobile-toggle { display: none;}
    #logo {left: 20px; width: 170px;}
    /*--- header nav responsive -------*/
    
    .nav-bar { display: none;}
     header { transform: none;}
     .mob-nav {
         position: fixed;
         display: block;
         top: 0;
         right: -250px;
         height: 100%;
         -webkit-transition: right 0.5s ease 0s;
         -moz-transition: right 0.5s ease 0s;
         -o-transition: right 0.5s ease 0s;
         -ms-transition: right 0.5s ease 0s;
         transition: right 0.5s ease 0s;
         z-index: 1200;
         -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
         -o-transform: translateZ(0);
         -ms-transform: translateZ(0);
         transform: translateZ(0);
     }
     .overlay {
         background-color: rgba(0, 0, 0, 0.4);
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 1100;
         display: none;
     }
     .mob-nav.open { right: 0; width: 100%; position: fixed; height: 100%; }
     .nav-panel {
         background-color: #fff;
         height: 100%;
         width: 250px;
         position: relative;
         padding-bottom: 72px;
     }
     .nav-panel ul {list-style: none; padding: 30px 25px; margin: 0;}
     .navlist li a {
         font-size: 14px;
         line-height: 16px;
         color: #1a1a1a;
         font-weight: 400;
         padding: 14px 0;
         margin: 0;
         display: block;
         text-decoration: none;
         border-bottom: 1px solid #dadada;
         -o-transition: color 300ms ease;
         -moz-transition: color 300ms ease;
         -webkit-transition: color 300ms ease;
         transition: color 300ms ease;
     }
     .navlist li a:hover { color: #03748c;}
	
     .menu-toggle {float: left; margin-top: 10px;}
     #navigation-toggle,
     #navigation-toggle.open-menu {
         box-shadow: none;
         position: absolute;
         right: 250px;
         top: 0;
     }
     #navigation-toggle.open-menu {
         background-color: #ef3742;
         border: 1px solid #F29090;
         -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -ms-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
     }
     #navigation-toggle {
         background: #0094d9;
         float: left;
         height: 40px;
         -webkit-transition: all 500ms ease-in 0s;
         -moz-transition: all 500ms ease-in 0s;
         -o-transition: all 500ms ease-in 0s;
         -ms-transition: all 500ms ease-in 0s;
         transition: all 500ms ease-in 0s;
         width: 45px;
         position: absolute;
         z-index: 999;
         top: 18px;
     }
     .sticky-top #navigation-toggle{ top: 16px;}
     .menu-icon {
         background-image: none;
         display: inline-block;
         vertical-align: top;
     }
     .icon-toggle {
         position: absolute;
         display: inline-block;
         padding: 7px 12px;
         line-height: 15px;
         -webkit-transition: all 0.3s ease 0s;
         -moz-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
         -ms-transition: all 0.3s ease 0s;
         transition: all 0.3s ease 0s;
     }
     .lines {
         background-color: #FFFFFF;
         display: inline-block;
         height: 2px;
         position: relative;
         width: 22px;
     }
     .lines:before,
     .lines:after {
         background-color: #FFFFFF;
         content: "";
         display: inline-block;
         height: 2px;
         left: 0;
         position: absolute;
         -webkit-transform-origin: 50% 50% 0;
         -moz-transform-origin: 50% 50% 0;
         -o-transform-origin: 50% 50% 0;
         -ms-transform-origin: 50% 50% 0;
         transform-origin: 50% 50% 0;
         width: 22px;
     }
     .lines:before { top: 6px; }
     .lines:after { top: -6px;}
     .icon-toggle .lines {
         -webkit-transition: background 0.3s ease 0.6s;
         -moz-transition: background 0.3s ease 0.6s;
         -o-transition: background 0.3s ease 0.6s;
         -ms-transition: background 0.3s ease 0.6s;
         transition: background 0.3s ease 0.6s;
     }
     .icon-toggle .lines:before,
     .icon-toggle .lines:after {
         -webkit-transform-origin: 50% 50% 0;
         -moz-transform-origin: 50% 50% 0;
         -o-transform-origin: 50% 50% 0;
         -ms-transform-origin: 50% 50% 0;
         transform-origin: 50% 50% 0;
         -webkit-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -moz-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -o-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -ms-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
     }
     .menu-toggle.active .icon-toggle .lines {
         background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
         -webkit-transition: background 0.3s ease 0s;
         -moz-transition: background 0.3s ease 0s;
         -o-transition: background 0.3s ease 0s;
         -ms-transition: background 0.3s ease 0s;
         transition: background 0.3s ease 0s;
     }
     .menu-toggle.active .icon-toggle .lines:before,
     .menu-toggle.active .icon-toggle .lines:after {
         top: 0;
         -webkit-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -moz-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -o-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -ms-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         width: 22px;
     }
     .menu-toggle.active .icon-toggle .lines:before {
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         -moz-transform: rotate3d(0, 0, 1, 45deg);
         -o-transform: rotate3d(0, 0, 1, 45deg);
         -ms-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
     }
     .menu-toggle.active .icon-toggle .lines:after {
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         -moz-transform: rotate3d(0, 0, 1, -45deg);
         -o-transform: rotate3d(0, 0, 1, -45deg);
         -ms-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
     }
     .menu-toggle.active .menu-icon { left: 14px;}
     .nav-panel { float: right;}
	
	.navlist li ul {  padding: 5px 16px;}
    .map-layout .pull-top-350px{  margin-top: -10px!important; }
    .map-layout .container.map-contact-info{   max-width: 100%!important;  width: 100%!important; padding: 0!important;    }
    .map-layout .container.map-contact-info .row {  margin-left: 0;  margin-right: 0;    }
    .map-layout .container.map-contact-info .col-lg-8, .map-layout .container.map-contact-info .col-lg-4 { padding-left: 0;  padding-right: 0; } 
    .service-row{ margin-bottom:45px}
    .contact-modal .no-gutters img{ display: none;}
    .contact-modal .no-gutters{  background: linear-gradient(rgba(0, 0, 0, 0.31),rgba(1, 30, 43, 0.68) ),  url(../img/quote-popup.jpg) no-repeat center center; background-size: cover;}
    .home-services img{ max-width: 350px !important; width: 100%;}
    .call-action { padding: 70px 0px 40px;}
    .contact-modal .no-gutters form button { background-color: #0094d9;}
    .padding-tb-50px.core-background {padding-top: 35px; padding-bottom: 30px;}
    .padding-tb-50px.team-panel {padding-top: 35px;}
    .service-section-2 .sm-mb-25px{margin-bottom: 0 !important;}
    .padding-tb-100px.section-ba-1 { padding-top: 80px; padding-bottom: 80px;}
    .section-ba-1 .margin-bottom-40px { margin-bottom: 20px;}
    .nile-about-section.hm-about-panel {padding: 60px 0 80px;}
	.contact-modal .modal-content .col-lg-5{display: none;}
	#quote-form .form-group .error:last-child, #meeting-form .form-group .error:last-child {color: #ff6b88;}
    #mc_embed_signup form {
        width: 80%;}
}

@media only screen and (max-width: 767px) {
	.core-row {justify-content: space-evenly;}
	.core-box {width: 30%;}
    .slider-txt h1{ font-size: 32px;}
    .slider-txt h4{ font-size: 15px;}
    .container.slider-inner-container {  height: 420px;}
    .copy-right .padding-tb-50px { padding-top: 30px; padding-bottom: 30px;}
    .copy-right  .copy-right-text.sm-mb-15px { margin-bottom: 10px !important; font-size: 13px; line-height: 1.3;}
    .page-title .padding-tb-120px { padding-top: 150px; padding-bottom: 50px;}
    .padding-tb-100px { padding-top: 75px; padding-bottom: 75px;}
    footer.layout-light .nile-widget.widget_nav_menu ul li a { padding: 3px 0px 3px 0px;}
    .call-action { padding: 50px 0px 70px;}
    .service-section-2 .sm-mb-25px{margin-bottom: 25px !important;}
    #banner-slider .item { height: 420px;}
    .img-team.padding-sm-b { margin-bottom: 35px;}
    .banner-btn {padding: 8px 22px;}
    .slide-1 {background-position: 34% 0%;}
    .call-action.ba-1 .sm-mb-45px {margin-bottom: 25px !important;}
     #mc_embed_signup form { width: 100%; padding: 50px 30px 50px !important;}
}

@media only screen and (max-width: 640px){
    .blog-content h2{ font-size: 35px;}
    .padding-tb-100px { padding-top: 70px; padding-bottom: 70px;}
    .sm-mb-45px.location-panel {  margin-bottom: 25px !important;}
    .contact-pg-form, .career-box { padding: 35px 30px;}
    .contact-pg-form h3 { font-size: 22px;}
    .career-box p { margin-bottom: 0;}
    #servicespanel.nile-about-section { padding: 40px 0;}
    .service-row { margin-bottom: 30px;}
    .nile-about-section {padding: 60px 0;}
    .section-title .h2 {font-size: 25px;}
    .section-title .h2:before {width: 70px; left: -90px;}
    .section-title .h2:after {width: 70px; right: -90px;}
    .padding-tb-50px.team-panel {padding-top: 20px; padding-bottom: 40px;}
    .team-block.padding-top-50px{padding-top: 30px;}
    .padding-tb-50px.core-background {padding-top: 20px; padding-bottom: 10px;}
    .section-title h3 { padding: 0 0 5px 0;}
    .padding-tb-100px.section-ba-1 { padding-top: 60px; padding-bottom: 60px;}
    .nile-about-section.hm-about-panel {padding: 50px 0 60px;}
    .call-action h2 {font-size: 22px;}
	.modal-content.margin-top-150px{margin-top: 50px; margin-bottom: 50px;}
	.success-msg {font-size: 24px; padding: 40px 15px;}
}

@media only screen and (max-width: 575px) {
    .footer-content h2{ display: none;}
    .footer-wrap .sm-mb-45px { margin-bottom: 0!important;}
    .footer-block.container{ width: calc(90% - 30px) !important;}
    #banner-slider .item {height: 550px; text-align: center;}
    .container.slider-inner-container {height: 550px;}
    
}

@media only screen and (max-width: 480px) {
	.core-box {width: 47%; padding: 0 20px;}
    .slider-txt h1 { font-size: 30px;}
    .padding-tb-100px { padding-top: 50px; padding-bottom: 50px;}
    .about-head h2 br{display: block;}
    .section-title.margin-tb-40px {margin-bottom: 25px;}
    .sm-mb-35px {margin-bottom: 20px !important;}
    .padding-tb-50px.core-background {padding-top: 20px; padding-bottom: 20px;}
    .slider-txt h1 {font-size: 26px;}
    .section-title h3 { font-size: 21px;}
    
}

@media only screen and (max-width: 360px) {
	.core-box {width: 100%;}
    .contact-pg-form { padding: 30px 22px;}
    .section-title h3 { font-size: 22px;}
}

@media only screen and (max-width: 354px) {
    .banner-btn{ padding: 12px 17px;}
}