@media(min-width:768px){
}
@media(min-width:768px) and (max-width:922px){
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
}
@media(min-width:922px){
}
@media(min-width:922px) and (max-width:1200px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: calc(100% - 60px);
    }
}
@media(min-width:1200px){

}
@media(min-width:1300px){

}
@media(min-width:1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width:1200px;
    }
}


@media(max-width:1200px){
}
@media(max-width:992px){
    ul.checklist li{
        flex:0 0 100%;
    }
    .ins-section1{
  background-size:cover;
}
.nav__list-item{
    font-size:20px;
}
.nav__list2 .nav__list-item{
  font-size:24px;
}
}
@media(max-width:850px){
.nav__list-item{
    font-size:18px;
}
.nav__list2 .nav__list-item{
  font-size:22px;
}
}
@media(max-width:768px){
    body{
        padding-top:75.19px;
    }
    .hero h1{
    font-size:36px;
}
h2{
    font-size:28px;
}
.home-services.in-services.web-process .service-item{
    flex-direction: column;
}
.home-services.in-services.web-process .service-item img{
        margin: 0px;
        margin-right: auto;
}
.main-hero {
    background-position: 33%;
}
.nav {
    -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}
.nav__list1{
    flex-direction: column;
    margin-bottom: 0px;
    align-items: start;
}
.nav__list2{
    justify-content: start;
    margin-bottom: 0px;
}
.nav__list3 {
    flex-direction: column;
    align-items: start;
}
 .nav__content{
        top:80px;
        height: calc(100vh - 100px);
        height: auto !important;
    }
body.nav-active .nav__content{
    max-width:calc(100% - 24px);
    width:calc(100% - 24px);
    padding:30px 0px;
}
.nav__list2 .nav__list-item{
    padding-left:16px;
}
.nav__list-item{
    font-size:18px;
}
.nav__list2 .nav__list-item{
  font-size:22px;
}
.nav__list-item a{
    padding-left:16px;
}
.sub-menu{
    padding-left:10px;
}
.logo-wrap a{
    width:175px;
}
}
@media(max-height:590px){
.nav__list1{
  margin-bottom:30px;
}
.nav__list2{
  margin-bottom:15px;
}
}
@media(max-width:576px){
.dark-mode-title, .light-mode-title{
 display:none;
}
.switch__tab {
    right: 50px;
}
.footer{
    text-align: center;
}
    ul.footer-links {
        flex-direction:column;
        margin-bottom: 20px;
    }
    .hero{
        padding:0px !important;
        height:450px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}