@media screen and (min-width: 1600px) and (max-width: 1920px) {
  /*================== Large screen  ===========================*/
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
}

@media screen and (max-width: 1200px) {
  /*==================head tags=================*/

  /*====================form placeholder font==============*/

  ::-webkit-input-placeholder {
    font-size: 12px;
  }

  ::-moz-placeholder {
    font-size: 12px;
  }

  :-ms-input-placeholder {
    font-size: 12px;
  }

  :-moz-placeholder {
    font-size: 12px;
  }
  nav > ul > li > a {
    font-size: 14px;
    text-align: center;
  }

  /*_____ Navigation _____*/
  .toggle {
    display: flex;
  }
  nav {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 35px;
  }
  [nav] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    width: auto;
    background: #fffffff7;
    margin: 0;
    padding: 40px 50px 20px;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    z-index: 3;
    justify-content: center;
    height: 100vh;
  }
  [nav].active {
    opacity: 1;
    visibility: visible;
  }
  /* .toggle.move{
    top: -28px;
} */
  [nav] > ul {
    width: 100%;
    flex-flow: column;
    margin: 0;
  }
  [nav] > ul > li {
    /* width: 100%; */
    padding: 7px 0px;
    text-align: center;
  }
  [nav] > ul > li .webBtn {
    margin-top: 5px;
  }
  [nav] > #cta {
    margin: auto 0 0;
  }
  nav > #iconBtn > li#srchBtn {
    display: inline-block;
  }
  #nav > li:not(.btnLi) > a:before {
    left: auto;
  }
  #nav > li > .sub {
    z-index: 1;
  }

  .topNav {
    display: none;
  }
  #cta {
    display: none;
  }
  .hide-big {
    display: block;
    margin-top: 10px;
  }
  .hide-big a {
    color: #fff !important;
  }
  .right_nav {
    right: 80px;
  }
  .owl-carousel.owl-theme .owl-nav .owl-next {
    right: -10px;
  }
  .owl-carousel.owl-theme .owl-nav .owl-prev {
    left: -10px;
  }
  .contact_flex .col .inner{
    padding: 1.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 991px) {
  /*_____ Navigation _____*/
  .toggle {
    display: flex;
  }
  nav {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 35px;
  }
  [nav] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    width: auto;
    background: #fffffff7;
    margin: 0;
    padding: 40px 50px 20px;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    z-index: 3;
    justify-content: center;
    height: 100vh;
  }
  [nav].active {
    opacity: 1;
    visibility: visible;
  }
  /* .toggle.move{
    top: -28px;
} */
  [nav] > ul {
    width: 100%;
    flex-flow: column;
    margin: 0;
  }
  [nav] > ul > li {
    /* width: 100%; */
    padding: 7px 0px;
    text-align: center;
  }
  [nav] > ul > li .webBtn {
    margin-top: 5px;
  }
  [nav] > #cta {
    margin: auto 0 0;
  }
  nav > #iconBtn > li#srchBtn {
    display: inline-block;
  }
  #nav > li:not(.btnLi) > a:before {
    left: auto;
  }
  #nav > li > .sub {
    z-index: 1;
  }

  .topNav {
    display: none;
  }
  #cta {
    display: none;
  }
  .hide-big {
    display: block;
    margin-top: 10px;
  }
  .hide-big a {
    color: #fff !important;
  }
  .right_nav {
    right: 80px;
  }


  .abt_sec .colL {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
}
.abt_sec .colL .image{
  height: auto;
}
.abt_sec .colR {
  width: 100%;
  padding-left: 0;
}

footer .flexRow {
  flex-flow: column;
}

.service_txt .colL {
  width: 100%;
  padding-right: 0;
}
.service_txt .colR {
  width: 100%;
  padding-left: 0;
}

.service_detail_sec_blk .colL .image {
  height: 100%;
}
.abt_sec .colL .image .item{
  height: 400px;
  border-radius: 15px;
}

#banner .content{
  max-width: 100%;
}
#banner:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(255 255 255 / 65%);
}
.feature_icon .col .inner{
  padding:10px;
}
.services .col{
  width: 50%;
}
.cta_sec .colL{
  width: 100%;
  display: none;
}
.cta_sec .colR{
  width: 100%;
  padding-left: 0;
  margin-top: 20px;
}
.cta_sec .colR .inner form{
  margin-left: 0;
}
.cta_sec .flex{
  margin-top: 0;
}
}

@media screen and (max-width: 767px) {
  .logo{
    width: 140px;
  }
  #banner .content{
    max-width: 100%;
  }
  #banner .content h1, .sm_banner .content h1{
    font-size: 35px;
  }
  .sec_heading h2{
    font-size: 30px;
  }
  .feature_icon .col{
    width: 50%;
    border-bottom: 1px solid #dddddda6;
  }

  .innerService .flex , .outeService .innerService:nth-child(even) .flex{
    flex-direction: column-reverse;
  }
  .innerService .col{
    width: 100%;
  }
  .outeService .innerService {
    padding: 45px 0px;
}
.innerService .image{
  height: auto;
}
}

@media screen and (max-width: 580px) {
  .services .col{
    width: 100%;
  }
  .cta_sec .colL ul li , .abt_sec .colR ul li{
    width: 100%;
  }
  .contact_flex .col{
    width: 100%;
  }
  .contact_flex .col .inner .social li{
    flex:unset;
    width: auto;
  }
  .contact_flex .col .inner .social{
    justify-content: center;
  }
}

@media screen and (max-width: 480px) {
  /*_____ col-xx-? _____*/
  .col-xx-12,
  .col-xx-11,
  .col-xx-10,
  .col-xx-9,
  .col-xx-8,
  .col-xx-7,
  .col-xx-6,
  .col-xx-5,
  .col-xx-4,
  .col-xx-3,
  .col-xx-2,
  .col-xx-1,
  .col-xs-6 {
    width: 100% !important;
  }
  #nav > li > .sub{
    left: 0;
  }
  .right_nav{
    display: none;
  }
  #banner .content h1 {
    font-size: 30px;
}
.feature_icon .col .inner{
  padding:10px;
}
.feature_icon .col .inner h4{
  font-size: 17px;
}
.sec_heading h2 {
  font-size: 25px;
}
.abt_sec .colL .image .item {
  height: 250px;
  border-radius: 15px;
}

}

@media screen and (max-width: 380px) {
}

@media screen and (min-width: 320px) and (max-width: 330px) {
  
}

@media screen and (min-width: 411px) and (max-width: 420px) {
}