/*-------------- media section ---------------*/

@media screen and (max-width:991px) and (min-width: 577px) {
  .woocommerce div.product div.images .flex-control-thumbs{ margin: 10px 0 0 0; }
  .contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"], .contact-box .wpcf7 textarea{ width: 100% !important; }
  #sidebar aside{ margin-bottom: 11%; }
}

@media (max-width: 991px){
  .headerbar, .side-navigation, .side-navigation ul ul li, .current_page_item{ display: block; }
  .headerbar:focus,.hamburger:focus{ outline: none; }
  .main-header .side-navigation { display: none }
  .side-navigation,.side-navigation li { padding: 0; }
  .side-navigation ul ul li a{ border: 0; }
  #sidebar1 { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; left: 0; overflow-x: hidden; transition: .5s; }
  .side-navigation ul li ul, .side-navigation ul li ul ul { display: none; }
  .side-navigation ul ul,.side-navigation ul ul li { background: var(--transparent) !important; }
  .side-navigation ul ul { position: static; width: 100%; box-shadow: none; }
  .side-navigation ul ul li{ padding-left: 15px; }
  .side-navigation ul.sub-menu li a:before{ content: none; }
  .side-navigation ul>li.menu-item-has-children>a:after{ margin-top: 0; }
	iframe { height: auto; }

}


 /* ----------------------- Custom Responsive ------------------ */
 @media screen and (min-width:425px) and (max-width: 576px) {
  
}
 @media screen and (max-width: 340px){

}
@media (max-width: 576px) {
  
}
@media (max-width: 400px) {
 
}

@media (max-width: 767.98px) {
.socila_share {
    flex-wrap: wrap;
}
.share_icon i{
  width: 35px;
  height: 35px;
}
  .single-post-block.content_page .content_boxes {
    padding: 30px 16px;
}

.title-box img {
    width: 100%;
    height: 200px;
}
.header-menu .row::before{
  display: none;
}
p.banner-text {
    line-height: 24px;
    font-size: 14px;
}
.wc-title, .ban-title, .arc-main {
    top: 50%;
}

  .banner-media-wrap {
    position: unset;
    width: 100%;
}
.banner-inner-wrapper2 {

    min-height: 100%;
}
.slider-banner-image {  
    height: 500px;
}
p.banner-text {
    line-height: 21px;
    font-size: 13px;
}
  .banner-exp-badge, .banner-mini-thumb{
    position: unset;
    margin: auto;

  }
  h6.banner-sm-heading {
    font-size: 20px;
  }
  .banner-heading {
    font-size: 44px;
  }
.banner-top-shape {

    display: none;
}
  p.testi-desig {
    font-size: 14px;
  }
  h6.tsti-name, h6.tsti-name a.testi-title {
    font-size: 18px;
  }
  .quote-icon-svg svg {
    width: 40px;
    height: 40px;
  }
  section#testimonials .owl-nav{
    padding: 0;
  }
  .choose-img2 {
    display: none;
  }
  .choose-img3 {
    position: static;
  }
  .vido-btn-plce {
    top: 45%;
  }
  .chose-review-box{
    border: none;
  }
  .projct-detail-box{
    width: 250px;
    height: auto;
  }
  .banner-text-wrap {
    padding: 30px 10px;
  }
  h2.banner-heading {
    font-size: 35px;
    line-height: normal;
  }
  #banner .owl-nav{
    display: none;
  }
  .abt-review-box {
    position: static;
    width: auto;
    height: auto;
  }
  h2.serv-bg-big-hd,h2.banner-bg-big-hd{
    display: none;
  }
  #banner {
    height: 100%;
  }
}


@media screen and (min-width:1200px) and (max-width:1600px){
  .menu-primary-menu-container ul {
    gap: 26px;
  }
  .menu-primary-menu-container ul li a {
    font-size: 14px;
  }
}
@media screen and (min-width:768px) and (max-width:1023px) {
  .bdate, a.comnt-count {
    font-size: 12px;
  }
    #banner {
    height: 100%;
  } 
  .innermenubox {

    float: inline-start;
}
  .banner-top-shape{
    display: none;
  }
  .header-menu .row::before {

    left: -26px;
}
.slider-banner-image {
    height: 700px;
}

.banner-exp-count {
    font-size: 42px;
}
.banner-exp-text {
    font-size: 12px;
}
#banner {
    height: 700px;
}
.banner-heading {
    font-size: 32px !important;
}
.banner-sm-heading {
    font-size: 22px !important; 
}
p.banner-text {
    line-height: 24px;
    font-size: 14px;
}
  a.blg-btn {
    font-size: 17px;
  }
  a.blg-inn-hd {
    font-size: 20px;
  }
  .testi-text::after,.testi-text::before{
    left: 10%;
  }
  .choose-img2 {
    right: 130px;
  }
  .inner-plans-box:after{
    height: 630px !important;
  }
  .choose-img3 {
    position: relative;
    right: -33%;
    top: -45px;
  }
  .vido-btn-plce {
    top: 49%;
  }
   .banner-text-wrap {
      padding: 5%;
  }
  h2.banner-heading {
    font-size: 50px;
    line-height: normal;
  }
  #banner .owl-nav {
    top: 70%;
  }
  h2.banner-bg-big-hd {
    bottom: 60%;
    left: 20px;
    font-size: 150px;
  }
  h2.serv-bg-big-hd {
    font-size: 50px;
  }
  .banner-mini-thumb img {
    width: 180px;
    height: 180px;
}

.banner-mini-thumb {
    width: 200px;
    height: 200px;
} 
.banner-exp-badge {
    width: 160px;
    height: 160px;
        left: -76px;

}
.banner-exp-badge-innerbox {
    width: 140px;
    height: 140px;
}

}
@media screen and (min-width:992px) and (max-width:1199px) {
a.cbthdr-vol-btn {
    font-size: 14px;
    padding: 8px 13px 5px 13px;
}
.header-menu .row::before {
    left: -38px;
}
.menu-primary-menu-container ul {
    display: flex;
    justify-content: space-between;
}
p.banner-text {
    line-height: 24px;
    font-size: 16px;
}
.banner-exp-text {
    font-size: 14px;
    color: #fff;
}
.banner-mini-thumb img {
    width: 180px;
    height: 180px;
}

.banner-mini-thumb {
    width: 200px;
    height: 200px;
} 
.banner-exp-badge {
    width: 160px;
    height: 160px;
        left: -76px;

}
.banner-exp-badge-innerbox {
    width: 140px;
    height: 140px;
}
.banner-exp-count {
    font-size: 48px;
}
  .banner-sm-heading {
    font-size: 18px !important;
  }
  .banner-heading {
    font-size: 44px;  
  }
  #banner {
    height: 700px;
  }
  .slider-banner-image {
    height: 700px;
}
.menu-primary-menu-container ul {
    gap: 21px;
}
  .banner-small-heading {
    font-size: 20px;
  }
  .menu-primary-menu-container ul li a {
    font-size: 14px;
  }
}
@media screen and (min-width:1024px) and (max-width:1259px) {
  .ftr-call-icon i, .ftr-mail-icon i, .ftr-map-icon i, .ftr-call-icon i.fas, .ftr-mail-icon i.fas, .ftr-map-icon i.fas {
    font-size: 14px;
    width: 30px;
    height: 30px;
  }
  h3.widget-title, h3.top_title, .custom-html-widget h3, .f3 h3, .f4 h3, .f5 h3 {
    font-size: 20px;
    letter-spacing: 0px;
  }
  p.blg-inn-txt {
    font-size: 14px;
  }
  a.blg-inn-hd {
    font-size: 17px;
  }
  .bdate, a.comnt-count {
    font-size: 12px;
  }
  a.blg-btn {
    font-size: 15px;
  }
  .inner-plans-box {
    padding: 30px 20px !important;
  }
  p.plans-inn-txt {
    font-size: 14px;
  }
  .choose-img2 {
    position: absolute;
    right: -30px;
    top: 15px;
    width: 30%;
  }
  .choose-img3 {
    position: relative;
    right: -30px;
    top: 60px;
  }
  .vido-btn-plce {
    top: 50%;
  }
  img.gllry-lft-img {
    height: 300px;
  }
  .banner-text-wrap {
    padding: 5%;
  }
  h2.banner-heading {
    font-size: 35px;
    line-height: normal;
  }
  h6.banner-sm-heading,p.banner-text{
    font-size: 14px;
  }
  h2.banner-bg-big-hd{
    font-size: 100px;
  }
  #banner .owl-nav {
    right: 40px;
  }
  h2.abt-head {
    font-size: 35px;
    line-height: normal;
  }
  p.abt-txt {
    line-height: normal;
    font-size: 13px;
  }
  p.featur-txt {
    font-size: 11px;
  }
  h6.featur-name {
    font-size: 18px;
  }
  h2.serv-bg-big-hd {
    font-size: 50px;
  }
}
@media screen and (min-width:1260px) and (max-width:1399px){ 
  .bdate, a.comnt-count {
    font-size: 13px;
  }
  a.blg-inn-hd {
    font-size: 21px;
  }
  p.blg-inn-txt {
    font-size: 12px;
  }
  h6.tsti-name, h6.tsti-name a.testi-title {
    font-size: 18px;
  }
  p.plans-inn-txt{
    font-size: 15px;
  }
  p.testi-contnt {
    font-size: 14px;
  }
  .testi-img img {
    width: 50px !important;
    height: 50px;
  }
  .pln-spekr-icn {
    width: 50px;
    height: 50px;
  }
  .choose-img2 {
    right: -24px;
  }
  .choose-img3 {
    right: -10px;
    top: 64%;
  }
  h2.chose-head {
    font-size: 45px;
  }
  h2.chose-bg-big-hd {
    font-size: 146px;
    bottom: 15px;
  }
  h6.chose-featur-name {
    font-size: 18px;
  }
  img.gllry-lft-img {
    height: 360px;
  }
  .content-box-work {
    padding: 0 !important;
  }

  
  h2.banner-heading {
    font-size: 58px;
    line-height: normal;
  }
  h6.banner-sm-heading {
    font-size: 16px;
  }
  p.banner-text {
    font-size: 16px;
  }
  h2.banner-bg-big-hd{
    font-size: 135px;
  }
  h6.abt-sm-head {
    font-size: 14px;
    padding: 10px 15px;
  }
  h2.abt-head {
    font-size: 40px;
    line-height: 55px;
  }
  p.featur-txt {
    font-size: 13px;
  }
  p.abt-txt {
    line-height: 25px;
    font-size: 14px;
  }
  .abt-review-box {
    width: 260px;
  }
  .about-img1 img {
    padding-right: 8%;
  }
  .featur-abt-dtls.row {
    padding: 0 !important;
  }
  h2.serv-bg-big-hd {
    font-size: 85px;
  }
}
@media screen and (min-width:1400px) and (max-width:1500px){ 
  .choose-img3 {
    right: 35px;
    top: 61%;
  }
  h6.chose-featur-name{
    line-height: 25px;
  }
  h2.chose-bg-big-hd {
    font-size: 153px;
    bottom: 22px;
}
  .banner-text-wrap {
    padding-left: 10%;
  }
  h2.banner-bg-big-hd{
    font-size: 145px;
  }
  h2.banner-heading {
    font-size: 66px;
    line-height: 75px;
  }
  h2.serv-bg-big-hd {
    font-size: 50px;
  }
}
@media screen and (min-width: 1900px) and (max-width:2100px){
  h2.chose-bg-big-hd {
    font-size: 200px;
  }
  .banner-text-wrap {
    padding-left: 30%;
}
}
@media screen and (min-width: 1010px) and (max-width:1250px) {

  section { background-size: cover; background-repeat: no-repeat; padding: 30px 0; }
}

@media screen and (min-width: 660px) and (max-width:1000px){

  section { padding: 30px 0; }


}

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

  section { padding: 30px 0; }

  /* Slider */

}

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