@media screen and (max-width:1680px) {
.menu li a {padding: 20px 8px}
}
@media screen and (max-width:1600px) {
    .menu li a {padding: 20px 8px}
    .sidebar-contact{ top: 60%; }
}

@media screen and (max-width:1366px) {
.process-list li {padding: 15px;font-size: 15px}
.sidebar-contact {top: 66%} 
}
@media screen and (max-width:1200px) {
.process-list li {padding: 15px;font-size: 16px}
}

@media screen and (max-width:1199px) {
.process-list li {padding: 15px; font-size: 16px;}
.sidebar-contact {top: 65%;}
}
@media screen and (max-width:1024px) {
    .wrapper {width: 100%}
    .process-list li {padding: 11px;font-size: 14px}
    .menu li a {padding: 20px 14px;font-size: 16px}
    .address-inner {width: 45%}
    .address-inner img {width: 25%;height: auto;float: left;margin: 70px 35px 51px 0;}
    .logo {width: 48%}
    .sidebar-contact {top: 66%;}
    .cor-video{height: 448px !important;}
}

@media screen and (max-width:991px) {
    .wrapper {width: 100%}
    .menu li a {font-size: 16px}
    .process-list li {padding: 11px;font-size: 14px;}
    .menu li a {padding: 20px 10px}
    .logo {width: 46% }
    .cor-video{height: 432px !important;}
}

@media screen and (max-width:768px) {
    .logo img, .wrapper { width: 100%}
    #home.ct-header.ct-header--slider, .sml-top-nav .sml-nav { display: none;}
    .telto-call {margin-top: 2%}
    logo img {float: left}
    .sidebar-contact { top: 50%}
    .menu li a {padding: 12px 10px;border-bottom: solid 1px #ccc;font-size: 16px}
    .ct-header h1.big {font-size: 3.7rem!important}
    .ct-header p {font-size: 1.8rem!important}
    .ct-header p::after, .ct-header p::before { width: 10%!important  }
    .btn { padding: 15px 30px!important; color: #fff;}
    .featured-clients ul {margin: 0; padding: 0;}
    .featured-clients {width: 100%; margin: 0 auto}
    .client-list {width: 33%;}
    .blue-txt {font-size: 30px;}
    .usp-icons-container {float: left; width: 100%;}
    .usp-icons-container, .usp-txt h3 {text-align: center;}
    .text-center, .text-center2 {text-align: left;}
    .container-box-lft, .container-box-rgt, .usp-txt {width: 100%;}
    .disc-btn {padding: 18px 35px; margin-top: 30px; }
    .facts-record-box li {width: 25%; margin-bottom: 20px;}
    .service-container-box-lft {width: 47%;  margin-top: 20px; }
    .service-container-box-rgt {width: 44%;  margin-top: 20px;}
    .serv-icon, .serv-text {width: 100%; }
    .grey-brd-rgt {  border: none;  }
    .serv-icon { margin-bottom: 10px;    }
    .process-list li {width: 33%; font-size: 20px;   }
    .div-container,  .footer-lft-sec,  .newsletter-input-wrapper,  .portfolio-box {  width: 100%;   }
    .newsletter-container { background: #005bab;  padding: 1px; }
    .footer-rgt-sec { margin-left: 0; width: 100%;  }
    .footer-rgt-sec .footer-col { width: 33%;}
    .resp-menu { display: block!important   }
    .mobile-navigation-desktop { display: none!important  }
    .mobile-navigation { display: block!important  }
    .banner { display: none}
    .mobile-banner {display: block  }
    .process-area {display: none }
    .address-inner {  width: 46%;  float: left;    margin: 0 13px 20px    }
    .menu-bg { background-color: #0059af  }
    .responsive-menu:hover { background: 0 0;   color: #fff }
    .cor-video { height: 415px !important;} 
    .address-inner img {width: 20%; margin: 117px 18px 49px 0;}
}

@media screen and (max-width:767px) {
    .logo img,.wrapper {   width: 100%  }
    .text-center2,  .usp-icons-container, .usp-txt h3 { text-align: left    }
    .logo img { float: left  }
    .menu li a { padding: 12px 10px;  border-bottom: solid 1px #ccc;  font-size: 16px   }
    .ct-header h1.big { font-size: 3.7rem!important  }
    .ct-header p { font-size: 1.8rem!important   }
    .ct-header p::after, .ct-header p::before { width: 10%!important }
    .btn { padding: 15px 30px!important;  color: #fff }
    .featured-clients ul { margin: 0;  padding: 0; }
    .featured-clients { width: 100%;  margin: 0 auto; }
    .client-list {  width: 49%    }
    .blue-txt {    font-size: 30px    }
    .usp-icons-container { float: left;    width: 100%   }
    .container-box-lft,    .container-box-rgt,    .usp-txt { width: 100% }
    .disc-btn {  padding: 18px 35px;     margin-top: 30px    }
    .facts-record-box li { width: 100%;    margin-top: 50px    }
    .facts-record-box li img {    width: 22%    }
    .facts-record-box p {  font-size: 60px    }
    .service-container-box-lft {  width: 47%;     margin-top: 20px  }
    .service-container-box-rgt {  width: 44%;    margin-top: 20px    }
    .serv-icon,    .serv-text { width: 100%   }
    .grey-brd-rgt {  border: none  }
    .serv-icon { margin-bottom: 10px }
    .process-list li { width: 33%;  font-size: 20px;  }
    .div-container, .footer-lft-sec, .newsletter-input-wrapper,  .portfolio-box {   width: 100% }
    .newsletter-container { background: #005bab;   padding: 1px }
    .footer-rgt-sec {margin-left: 0; width: 100%; }
    .footer-rgt-sec .footer-col { width: 33%}
    .telto-call {margin-top: 3%}
    .resp-menu {display: block!important}
    .hide-container { display: none}
    .footer-rgt-sec .footer-col-100 ul li {width: 50%; margin-bottom: 18px }
}

@media screen and (max-width:650px) {
    .port-container { width: 100% }
    .big-client-text {font-size: 30px; line-height: 40px; text-align: left;  }
    .white-txt {font-size: 30px }
    .client-list {  width: 33%;  height: 75px; }
    .client01,  .client01:hover,   .client02,  .client02:hover,  .client03, .client03:hover {  background-size: 50%;  }
    .client04,  .client04:hover { background-size: 60%;  }
    .client05,  .client05:hover {   background-size: 65%;    }
    .client06,  .client06:hover {  background-size: 50%;    }
    .process-list { width: 101%;  }
    .process-list li { font-size: 19px;  }
    .sub-txt {font-size: 15px; color: #000;  font-weight: 400}
    .text-center { font-size: 18px; line-height: 28px;}
    .logo { width: 48%;    }
    .sidebar-contact {top: 54%;}
    .cor-video {height: 347px !important;}
    .address-inner { width: 55%;}
    .address-inner img {width: 20%;margin: 76px 18px 93px 0;}
    .address-inner .usaIcon{margin: 76px 18px 20px 0;}
}
@media screen and (max-width:550px) {
 .sidebar-contact {top: 53%;}   
 .cor-video {height: 290px !important;}
 .address-inner { width: 65%;}
 .address-inner .usaIcon{margin: 60px 35px 15px 0;}
   } 

@media screen and (max-width:540px) {
    .logo img,    .wrapper {width: 100%;    }
    .logo img {float: left;    }
    .menu li a { padding: 12px 10px;   border-bottom: solid 1px #ccc;     font-size: 16px;    }
    .ct-header h1.big { font-size: 3.7rem!important;    }
    .ct-header p { font-size: 1.8rem!important;    }
    .ct-header p::after, .ct-header p::before {    width: 10%!important;   }
    .btn { padding: 15px 30px!important;   color: #fff;    }
    .featured-clients ul { margin: 0;   padding: 0;    }
    .featured-clients { width: 100%;   margin: 0 auto;   }
    .client-list {width: 50%;  }
    .client01,    .client01:hover,    .client02,    .client02:hover,    .client03,    .client03:hover {background-size: 60%;    }
    .client04,    .client04:hover { background-size: 70%;    }
    .client05,    .client05:hover { background-size: 80% ;   }
    .client06,    .client06:hover {  background-size: 65%;    }
    .blue-txt { font-size: 30px;    }
    .usp-icons-container { float: left; width: 100%;    }
    .usp-icons-container, .usp-txt h3 { text-align: center;  }
    .container-box-lft,  .container-box-rgt,  .usp-txt {   width: 100%;    }
    .disc-btn {  padding: 18px 35px;   margin-top: 30px;  }
    .facts-record-box li { width: 49%;    margin-bottom: 20px;  }
    .serv-icon,  .serv-text {   width: 100%;  }
    .service-container-box-lft,  .service-container-box-rgt { width: 100%;    margin-top: 20px;  }
    .grey-brd-rgt {  border: none;    }
    .serv-icon { margin-bottom: 10px;  }
    .process-list li { width: 50%;   font-size: 20px; }
    .address-inner,  .div-container, .footer-lft-sec, .footer-rgt-sec .footer-col, .newsletter-input-wrapper, .portfolio-box {   width: 100%;    }
    .newsletter-container {  background: #005bab;   padding: 1px;    }
    .footer-rgt-sec {margin-left: 0;  width: 100%;    }
    .text-center2 {text-align: left}
    .resp-menu { display: block!important;}
    .address-inner {float: left; margin: 0 13px 20px;}
    .address-inner img {width: 19%;  height: auto;  float: left;    margin: 54px 35px 40px 0;   }
    .logo { width: 49%;   }
    .sml-top-nav .sml-nav {  display: none;  }
    .sidebar-contact { top: 85% } 
    .cor-video {height: 286px !important;}

}

@media screen and (max-width:480px) {
    .logo img,  .wrapper { width: 100%;   }
    .logo img { float: left;  }
    .menu li a {padding: 12px 10px; border-bottom: solid 1px #ccc;   font-size: 16px;    }
    .ct-header h1.big { font-size: 3.7rem!important;    }
    .ct-header p { font-size: 1.8rem!important;    }
    .ct-header p::after, .ct-header p::before {    width: 10%!important;    }
    .btn {padding: 15px 30px!important;    color: #fff;    }
    .featured-clients ul {   margin: 0;    padding: 0;  }
    .featured-clients { width: 100%;   margin: 0 auto;    }
    .client-list {  width: 49%;   }
    .blue-txt {  font-size: 30px;  }
    .usp-icons-container {float: left; width: 100%;    }
    .usp-icons-container,    .usp-txt h3 {text-align: center;    }
    .container-box-lft, .container-box-rgt, .usp-txt {   width: 100%;    }
    .disc-btn { padding: 18px 35px;  margin-top: 30px;  }
    .facts-record-box li {width: 49%;     margin-bottom: 20px;    }
    .serv-icon, .serv-text {width: 100%;  }
    .service-container-box-lft, .service-container-box-rgt {  width: 100%;    margin-top: 20px;    }
    .grey-brd-rgt { border: none }
    .serv-icon { margin-bottom: 10px  }
    .process-list li {   width: 50%;  font-size: 20px; }
    .div-container,    .footer-lft-sec,    .footer-rgt-sec .footer-col,    .newsletter-input-wrapper,    .portfolio-box { width: 100%;    }
    .newsletter-container {background: #005bab;  padding: 1px;  }
    .footer-rgt-sec { margin-left: 0;  width: 100%;  }
    .text-center2 { text-align: left;  }
    .resp-menu { display: block!important;  }
    .sidebar-contact { top: 50%;   width: 277px;     padding: 20px;   }
    .logo { width: 52%;  }
    .sidebar-contact.active {    left: -277px;   }
    .cor-video {height: 253px !important;}
    .address-inner img {margin: 54px 35px 93px 0;}
}

@media screen and (max-width:450px) {
    .logo {width: 55%; }
    .telto-call {   font-size: 17px;   }
    .cor-video {height: 235px !important;}
}

@media screen and (max-width:440px) {
    .logo img, .wrapper {width: 100%    }
    .blue-txt,    .cent-align,    .text-center2,    .usp-icons-container,    .usp-txt h3 { text-align: left;    }
    .logo img {  float: left;    }
    .menu li a { padding: 12px 10px;  border-bottom: solid 1px #ccc;  font-size: 16px;    }
    .ct-header h1.big { font-size: 3.7rem!important;  }
    .ct-header p {font-size: 1.8rem!important;    }
    .ct-header p::after,    .ct-header p::before { width: 10%!important;    }
    .btn { padding: 15px 30px!important;     color: #fff;    }
    .featured-clients ul { margin: 0;    padding: 0    }
    /*.client-list {  width: 33%  }*/
    .client01, .client01:hover, .client02, .client02:hover,  .client03, .client03:hover {   background-size: 70%;    }
    .client04, .client04:hover {  background-size: 85%;    }
    .client05, .client05:hover {   background-size: 80%;    }
    .client06, .client06:hover {    background-size: 75%;    }
    .blue-txt { font-size: 30px; line-height: 35px;  }
    .usp-icons-container { float: left;  width: 100%;    }
    .container-box-lft,  .container-box-rgt,  .usp-txt { width: 100%;    }
    .disc-btn { padding: 18px 35px;  margin-top: 30px;    float: left;  }
    .facts-record-box li { width: 100%;   margin-bottom: 20px;    }
    .service-container-box-lft, .service-container-box-rgt {width: 100%;  margin-top: 20px;    }
    .grey-brd-rgt { border: none;    }
    .serv-text { width: 100%;    }
    .serv-icon { width: 100%;    margin-bottom: 10px;    }
    .div-container, .portfolio-box, .process-list li {width: 100%;    }
    .newsletter-container { background: #005bab;    padding: 1px;    }
    .footer-lft-sec, .newsletter-input-wrapper {  width: 100%;    }
    .footer-rgt-sec { margin-left: 0; width: 100%    }
    .footer-rgt-sec .footer-col { width: 100%;   }
    .resp-menu { display: block!important;    }
    .white-txt { font-size: 35px;   }
    .facts-record-box li img { width: 30% ;   }
    .cor-video {height: 229px !important;}
}

@media screen and (max-width:420px) {
    .logo {width: 52%}
     .sidebar-contact {top: 60%;}
     .cor-video {height: 217px !important;}
    .client-list {width: 50%; height: 71px;}
}
@media screen and (max-width:380px) {
   .address-inner img {margin: 96px 35px 81px 0;} 
   .address-inner p {font-size: 17px;}
   
   } 

@media screen and (max-width:360px) {
    .logo {width: 57%}
    .telto-call {font-size: 13px;}
   .sidebar-contact {top: 53%;padding: 10px;} 
   .sidebar-contact h2 { margin: 0 0 10px;font-size: 20px;}
   .sidebar-contact input, .sidebar-contact textarea {height: 30px;}
   .cor-video {height: 184px !important;}
   .client-list {width: 100%; background-size: 60%; height: 78px;}
   .address-inner img {margin: 96px 20px 81px 0;}
   .address-inner .usaIcon { margin: 60px 20px 15px 0;}
}


@media screen and (max-width:320px) {
    .wrapper { width: 100%;   box-sizing: border-box }
    .logo img { float: left;    width: 100%    }
    .menu li a {
        padding: 12px 10px; border-bottom: solid 1px #ccc;  font-size: 16px    }
    .ct-header h1.big {font-size: 3.7rem!important;    }
    .ct-header p {   font-size: 1.8rem!important    }
    .ct-header p::after, .ct-header p::before {    width: 10%!important    }
    .btn {        padding: 15px 30px!important;        color: #fff    }
    .featured-clients ul { margin: 0;  padding: 0    }
    .client-list { width: 100%  }
    .blue-txt {  font-size: 30px }
    .usp-icons-container { float: left; width: 100%    }
    .container-box-lft,    .container-box-rgt,    .usp-txt { width: 100%;  }
    .disc-btn {  padding: 18px 35px;    margin-top: 30px;  }
    .facts-record-box li {  width: 100%;     margin-bottom: 20px;    }
    .service-container-box-lft,    .service-container-box-rgt {width: 100%;  margin-top: 20px;}
    .grey-brd-rgt {  border: none;   }
    .serv-text { width: 100%;    }
    .serv-icon {  width: 100%;    margin-bottom: 10px;    }
    .div-container,  .portfolio-box, .process-list li { width: 100%;    }
    .newsletter-container { background: #005bab;  padding: 1px;    }
    .footer-lft-sec,    .newsletter-input-wrapper { width: 100%;    }
    .footer-rgt-sec { margin-left: 0;  width: 100%;    }
    .text-center2 {text-align: left;    }
    .footer-rgt-sec .footer-col {  width: 100%;    }
    .resp-menu {display: block!important }
    .address-inner img {width: 30%;    height: auto;     float: left;     margin: 54px 35px 50px 0    }
    .sidebar-contact { width: 258px;}
    .cor-video {height: 165px !important;}
    .address-inner img { width: 22%;margin: 54px 20px 97px 0;}
    .address-inner p {font-size: 16px;}
}


@media all and (min--moz-device-pixel-ratio:0) { @media (max-width: 1366px) {  .sidebar-contact {top: 44%;}  }
@media all and (min--moz-device-pixel-ratio:0) { @media (max-width: 550px) {  .sidebar-contact { top: 36%;} }
@media all and (min--moz-device-pixel-ratio:0) { @media (max-width: 480px) {  .sidebar-contact { top: 35%;}  }
@media all and (min--moz-device-pixel-ratio:0) { @media (max-width: 360px) {  .sidebar-contact { top: 33%;} }