/****** Media Queries *****/

/* for 1535px or less */
@media screen and (max-width: 1535px) {
   .content-section.locs-sec .entry .locs-wrap { gap:0}
   .content-section.locs-sec .entry .locs-wrap .locbox {
      width:100%;
      max-width:30%;
      margin:15px
   }

   .content-section.testisection-slider .container { max-width:1100px }
   .content-section.testisection-slider .testimonial-slides .testibox { min-height:435px}
   .content-section.testisection-slider .testimonial-slides .testibox p { font-size:17px}
   .content-section.testisection-slider .clearpad { display:none}
   
   #bpost-entries .bpostbox {
      width:25%;
      float:none;
      display:inline-block;
      vertical-align:top;
      margin:20px 20px
   }
}

/* for 1478px or less */
@media screen and (max-width: 1478px) {
   .container { padding:0 2%}
   #searchbar { margin: 0 0 0 75px;}
   #top-navibtns ul li a { font-size:17px}
   #searchbar .searchformwrap { width:230px} 
   #searchtxt { font-size:15px; width:80%}
   #searchsubmit { width:20%; font-size:17px}
   #mainnav > ul li > a { font-size:16px}
   #mainnav > ul > li.mega-menu > ul > li > a { font-size:17px}
   #mainnav > ul li > ul li a { font-size:14px}
   #introbanner-area.hp-banner { padding:100px 0 250px 0}
   #introbanner-area.hp-banner .intro-entry { width:65%}
   #introbanner-area.hp-banner .intro-entry:after {
      width:400px;
      right:50px;
      height:430px;
      top:-30px
   }
   #introbanner-area.hp-banner .intro-entry h1 { font-size:50px}
   
   #our-specialists.content-section .entry ul li a { font-size:20px; line-height:1.2em}

   #bpost-entries .bpostbox h5 { font-size:20px}
   #bpost-entries .bpostbox .postentrybox p { font-size:18px}
   #bpost-entries .bpostbox .post-date { font-size:12px}
}

/* for 1325px or less */
@media screen and (max-width: 1325px) {
   #sitelogo { width:400px}
   #searchbar { margin: 0 0 0 45px;}
   #mainnav > ul > li { margin:0 10px 0 0}
   #mainnav > ul li > a { padding:23px 24px}
   #introbanner-area.hp-banner { padding:80px 0 150px 0}
   #introbanner-area.hp-banner .intro-entry { width:65%}
   #introbanner-area.hp-banner .intro-entry:after {
      width:400px;
      right:50px;
      height:430px;
      top:-30px
   }
   #introbanner-area.hp-banner .intro-entry h1 { font-size:43px}
   #introbanner-area .intro-entry p { font-size:22px}

   .content-section h2,
   .content-section h3{ font-size:40px}
   .content-section h4 { font-size:35px}
   
   .content-section h2 br,
   .content-section h br3,
   .content-section h4 br,
   .content-section h5 br { display:none}
   
   #our-specialists.content-section .entry { margin-top:-80px}
   #our-specialists.content-section .entry ul { gap:40px}
   #our-specialists.content-section .entry ul li { width:190px; height:190px}
   #our-specialists.content-section .entry ul li a { font-size:17px;}

   .content-section.testisection-slider .container { max-width:1000px }
   .content-section.testisection-slider .testimonial-slides .testibox { padding:20px}
   .content-section.testisection-slider .testimonial-slides .testibox h5 { font-size:18px}
   .content-section.testisection-slider .testimonial-slides .testibox p { font-size:17px}
   .content-section.testisection-slider .testimonial-slides .slick-arrow { width:45px; height:40px; font-size:15px; line-height:40px}
   .content-section.testisection-slider .testimonial-slides .slick-arrow.fa-arrow-left { left:-50px}
   .content-section.testisection-slider .testimonial-slides .slick-arrow.fa-arrow-right { right:-50px}

   #spt-serv.content-section .entry .content-column,
   #arm-serv.content-section .entry .content-column {
      width:15%;
      float:none;
      display:inline-block;
      vertical-align:top;
      margin:0 25px
   }
   #spt-serv.content-section .entry .content-column.last_column > p a,
   #arm-serv.content-section .entry .content-column.last_column > p a { width:190px; height:190px; line-height:190px}
   
   #bpost-entries .bpostbox h5 { font-size:18px}
   #bpost-entries .bpostbox .postentrybox { min-height:338px}
   #bpost-entries .bpostbox .postentrybox p { font-size:16px}

   #cta-section-footer { padding:20px 0}
   #cta-section-footer .container { max-width:980px}
   #cta-section-footer .textwidget h4 { font-size:30px;}
   #cta-section-footer .textwidget .btn-button { margin:15px 0 0 0}
   #cta-section-footer .textwidget .btn-button a.btn {
      font-size:25px;
      padding:15px 30px;
   }
   #bottomcol-section { padding:20px 0}
}

/* for 1175px or less */
@media screen and (max-width: 1175px) {
   body { font-size:18px}
   #sitelogo { width:400px}
   #searchbar { padding:30px 0 0 0;}
   #top-navibtns { margin:30px 0 0 0}
   #searchbar .searchformwrap { width:170px}
   #searchtxt{ padding:8px;}
   #searchsubmit {padding:11px 5px; font-size:14px}
   #top-navibtns ul li a { padding:12px; font-size:14px}
   #mainnav > ul > li { margin:0 2px 0 0}
   #mainnav > ul li > a { padding:20px 17px}
   #mainnav > ul > li.menu-item-has-children > a::after { top:21px}
   #mainnav > ul > li.mega-menu.menu-item-19758 > ul > li { width:24%}
   #introbanner-area.hp-banner { padding:50px 0 130px 0}
   #introbanner-area.hp-banner .intro-entry { width:63%}
   #introbanner-area.hp-banner .intro-entry:after {
      width:300px;
      right:50px;
      height:317px;
      top:-30px
   }
   #introbanner-area.hp-banner .intro-entry h1 { font-size:35px}
   #introbanner-area.hp-banner .intro-entry p { font-size:18px}
   #introbanner-area.hp-banner .intro-entry .btn-banner { margin:20px 0 0 0}
   #introbanner-area.hp-banner .intro-entry .btn-banner a {
      font-size:18px;
      padding: 12px 30px;
   }

   #our-specialists.content-section .entry ul { gap:20px}
   #why-choose.content-section .entry h3 { font-size:30px}

   #spt-serv.content-section .entry .content-column,
   #arm-serv.content-section .entry .content-column {
      width:14%;
      margin:0 29px
   }
   #spt-serv.content-section .entry .content-column.last_column > p a,
   #arm-serv.content-section .entry .content-column.last_column > p a { width:160px; height:160px; line-height:160px; font-size:20px}
   #spt-serv.content-section .entry .content-column > p a strong,
   #arm-serv.content-section .entry .content-column > p a strong { font-size:18px}
   
   .content-section.testisection-slider .container { max-width:920px }
   .content-section.testisection-slider .testimonial-slides .slick-slide > div { padding:10px}
   .content-section.testisection-slider .testimonial-slides .testibox { padding:10px}
   .content-section.testisection-slider .btn-button { margin-top:20px}

   #bpost-entries .bpostbox {
      width:29%;
      margin:0 20px
   }
   .btn-button {}
   .btn-button .btn {
      font-size:18px;
      padding:12px 30px
   }

   .content-section.cta-banner .entry .btn-button { width:inherit}
   .content-section.cta-banner .entry .btn-button .btn { font-size:18px;}

   
}


/* for 1024px or less */
@media screen and (max-width: 1024px) {
   body { position:inherit; font-size:16px}
   p { margin:0 0 10px 0; line-height:1.4em}
   p > br,
   p > em br{ display:none}
   #sitelogo {}
   #searchbar,
   #top-navibtns{ display:none}
   #top.topfixed { position:relative}
   #mainnav { display:none}
   .mobilenavigation { display:block;}
   .mobilenavigation .inside-navigation { position:inherit;}
   .mobilenavigation .menu-toggle {
      position:absolute;
      top:30px;
      display:block;
      right:20px;
      padding:7px 10px!important;
      line-height:inherit!important;
      color:#fff;
      background:#ce0e2d;
      -moz-border-radius:4px;
      -ms-border-radius:4px;
      -o-border-radius:4px;
      border-radius:4px;
   }
   .mobilenavigation .menu-toggle .icon-menu-bars { font-size:22px}
   .mobilenavigation .menu-toggle:hover,
   .mobilenavigation .menu-toggle:focus { color:#fff}
   .mobile-menu-open .mobilenavigation .menu-toggle {
      position:fixed;
      background:#fff!important;
      color:#ce0e2d;
      top:20px;
      right:20px;
      width:50px!important
   }
   .mobilenavigation .main-nav {
      position:fixed;
      background:#ce0e2d;
      top:0;
      left:0;
      width:91%;
      height:100%;
      display:none
   }
   .mobilenavigation.toggled .main-nav { display:block}
   .mobilenavigation .main-nav ul li{ border-bottom:1px solid #00704d; background:#ce0e2d}
   .mobilenavigation .main-nav ul li a { line-height:50px; color:#fff}
   .mobilenavigation .main-nav ul li[class*="current-menu-"] > a { color:#fff}

   .mobilenavigation .main-nav ul li.mob-only a {
      color:#fff;
      background:#f68d21;
      border:1px solid #f68d21
   }
   .mobilenavigation .main-nav ul li.mob-only:hover a {
      background:#f99733!important
   }
   .mobilenavigation .main-nav ul li ul { border-bottom:0!important}
   .mobilenavigation .main-nav ul li ul li { position:relative}
   .mobilenavigation .main-nav ul li ul li:before {
      content:'';
      position:absolute;
      top:14px;
      left:20px;
      width:5px;
      height:5px;
      background:#fff;
      -moz-border-radius:20px;
      -ms-border-radius:20px;
      -o-border-radius:20px;
      border-radius:20px;
      z-index:1
   }
   .mobilenavigation .main-nav ul li ul li ul li:before { left:35px}
   .mobilenavigation .main-nav ul li ul li a { padding-left:35px}
   .mobilenavigation .main-nav ul li ul li ul li a { padding-left:50px}
   .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
   .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
   .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
   .main-navigation .menu-bar-item:hover > a,
   .main-navigation .menu-bar-item.sfHover > a { color:#fff!important; background:#111}
   .toggled .menu-item-has-children .dropdown-menu-toggle { background:#000}
   .main-navigation.toggled .main-nav ul ul.toggled-on li { background:#111}
   .main-navigation.toggled .main-nav ul ul.toggled-on li {}

   #introbanner-area.hp-banner .intro-entry { width:60%}
   #introbanner-area.hp-banner .intro-entry h1 { font-size:30px}
   #introbanner-area.hp-banner .intro-entry p { font-size:16px}
   #introbanner-area.hp-banner .intro-entry .btn-banner a {
      font-size:15px;
      padding: 10px 20px;
      font-family: 'kanitregular';
   }

   .content-section.testisection-slider .testimonial-slides .slick-arrow.fa-arrow-left { left:6px}
   .content-section.testisection-slider .testimonial-slides .slick-arrow.fa-arrow-right { right:6px}
   .content-section.testisection-slider .testimonial-slides .slick-slide > div { padding:10px 8px}
   .content-section.testisection-slider .testimonial-slides .testibox { min-height:inherit; padding:20px 30px 30px 30px}
   .content-section.testisection-slider .testimonial-slides .slick-arrow { top:inherit; bottom:-58px}

   #our-specialists.content-section .entry { padding:30px}
   #our-specialists.content-section .entry ul { gap:20px 40px}
   #our-specialists.content-section .entry ul li { width:150px; height:150px}
   #our-specialists.content-section .entry ul li a { font-size:15px}
   
   .leftright-contentboxes#videosec { padding-top:10px}
   .leftright-contentboxes#videosec .entry .fancybox.vidpoplink { overflow:hidden}
   .leftright-contentboxes#videosec .entry .fancybox.vidpoplink img {
      max-width:inherit;
      width:auto;
      height:400px;
      position:relative;
      left:-63px;
   }
   
   .leftright-contentboxes .entry .content-column > ul { padding-top:5px; padding-bottom:15px}
   .leftright-contentboxes .entry .content-column > ul li { margin-bottom:10px}
   
   .content-section h2,
   .content-section h3{ font-size:30px; line-height:1.1em}
   .content-section h4 { font-size:25px}

   .btn-button .btn {
      font-size:15px;
      padding:10px 20px
   }
   
}

/* for 875px or less */
@media screen and (max-width: 875px) {
  
}

/* for 768px or less */
@media screen and (max-width: 768px) {
   .mobilenavigation .main-nav { width:85%}
}

/* for 736px or less */
@media screen and (max-width: 736px) {
   body { font-size:16px}
   .container { padding:0 4%}
   #main-left,
   #main-right { width:100%; float:none; display:block; margin:0 0 30px 0}
   #introbanner-area.hp-banner .intro-entry:after  { display:none}
   #introbanner-area.hp-banner { padding:20px 0 110px 0}
   #introbanner-area.hp-banner .intro-entry { width:auto; margin:0 15px}
   #introbanner-area.hp-banner .intro-entry h1 { font-size:25px}

   #introbanner-area {
      height:225px;
      background: url(../images/grnbanner-txture.jpg) no-repeat scroll 0 0;
      background-position: 0 0;
      background-repeat:no-repeat;
      background-size: auto!important;
   }
   #introbanner-area .intro-entry {
      height:225px;
      align-items: center!important;
      text-align:center!important
   }

   #introbanner-area.with-intro,
   #introbanner-area.with-intro .intro-entry { height:280px}
   
   #introbanner-area .intro-entry h1 { font-size:30px;}
   #introbanner-area .intro-entry h1 span { padding:0}
   #introbanner-area .intro-entry h1 span:before { display:none}
   #introbanner-area .intro-entry p { font-size:16px}
   
   .leftright-contentboxes#videosec { padding-bottom:25px}
   .leftright-contentboxes#videosec .entry .content-column.one_half { display:none}
   .leftright-contentboxes#videosec .entry .content-column.one_half.last_column { display:block; width:100%}

   .accordion-list li h3 { padding: 20px 80px 20px 30px; padding:15px 50px 15px 15px;}
   .accordion-list li.acc-item h3:after { top:13px}
   .accordion-list li.acc-item.active h3:after { top:13px;}
   .accordion-list li .acc-bodybox { padding:20px}
   .accordion-list li .acc-bodybox > ul li { margin:0 0 15px 0}
   .accordion-list li .acc-bodybox > ul li:last-child { margin:0 0 8px 0}

   .content-section.cta-banner { padding:30px 0}
   .content-section.cta-banner .entry h3 > br { display:none}
   .content-section.cta-banner .entry .btn-button { max-width:100%}

   .leftright-contentboxes#why-choose { padding:20px 0 0 0}
   .leftright-contentboxes#why-choose .entry ul { margin:0}
   .leftright-contentboxes#why-choose .entry ul li { font-family: 'kanitregular';}
   .leftright-contentboxes#why-choose .entry h3 { display:none}
   .leftright-contentboxes#why-choose .entry .content-column { width:100%}
   .leftright-contentboxes#why-choose .entry .content-column.last_column { display:none}

   .leftright-contentboxes .entry .content-column > ul li:before { top:3px}

   .content-section.optionboxes { padding:20px 0 10px 0}
   .content-section.optionboxes .entry .content-column { height:inherit; margin:10px}

   .content-section.locs-sec .entry .locs-wrap .locbox { max-width:100%; margin:10px 0}

   .leftright-contentboxes.img-content { padding:20px 0 10px 0}

   .content-section.mission-vision-italic { padding:20px 0 10px}
   .content-section.mission-vision-italic .entry p { font-size:16px}
   
   #spt-serv.content-section .entry h2 { margin:0 0 10px 0}
   #spt-serv.content-section { padding:20px 0}
   #spt-serv.content-section .entry .content-column { width:25%!important; margin:10px 15px 20px 15px!important}

   #arm-serv.content-section .entry h2 { margin:0 0 10px 0; padding:0 10px}
   #arm-serv.content-section { padding:20px 0}
   #arm-serv.content-section .entry .content-column { width:25%!important; margin:10px 15px 20px 15px!important}

   #what-we-do.content-section { padding:20px 0}
   #what-we-do.content-section .entry .content-column { display:none}
   #what-we-do.content-section .entry .content-column.last_column { display:block; width:100%}

   #blog-entries-sec { padding:30px 0 10px 0}
   #blog-entries-sec .entry h2 { margin:0 0 0px 0}
   #blog-entries-sec #bpost-entries .bpostbox,
   #blog-entries-sec #bpost-entries .bpostbox:nth-child(3n) { width:70%; margin:0 0 20px 0!important}
   #bpost-entries .bpostbox .postentrybox { min-height:auto}

   #cta-section-footer { text-align:center}
   #cta-section-footer .textwidget h4 { float:none}
   #cta-section-footer .textwidget h4 br { display:none}
   #cta-section-footer .textwidget .btn-button { float:none}

   #bottomcol-section .btmcol { float:none!important; width:100%!important; margin:0 0 20px 0!important}
   #bottomcol-section .btmcol.btm-links { display:none}
   #bottomcol-section .btmcol.btm-cont.fr { margin:0!important}
   #bottomcol-section .btmcol h5 { margin:0 0 10px 0}

   .page-what-we-treat #our-specialists.content-section .entry,
   .page-id-57 #our-specialists.content-section .entry,
   .page-id-20025 #our-specialists.content-section .entry,
   .page-id-19723 #our-specialists.content-section .entry,
   .page-id-19735 #our-specialists.content-section .entry,
   .page-id-19733 #our-specialists.content-section .entry,
   .page-id-19728 #our-specialists.content-section .entry { margin-top:-30px}
   
   #breadcrumbs { display:none}

   .content-column { width:100%!important; margin:0 0 15px 0!important}

   #pf-opt-boxes { padding:20px 0 10px 0}
   #pf-opt-boxes .patientform-option-boxes { margin-top:25px}
   #pf-opt-boxes .patientform-option-boxes .optboxcont { width:100%}
   #pf-opt-boxes .patientform-option-boxes .optboxcont h3 { margin:0 0 10px 0;}
   #pf-opt-boxes .patientform-option-boxes .optboxcont h3 span { line-height:55px}
   #pf-opt-boxes .patientform-option-boxes .optboxcont .btn-button a.btn { font-size:18px}
   #pf-opt-boxes .patientform-option-boxes .optboxcont ul li { line-height:1.3em;}
   #pf-opt-boxes .patientform-option-boxes .optboxcont ul li:before { top:1px}

   .content-section.blogpostpage-sec { padding:20px 0 10px}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox { padding:15px; margin:0 0 20px 0}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .bpost-thumb { width:100%; margin:0 0 10px 0}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .postentrybox { width:100%}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .postentrybox h5 { font-size:23px}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .postmeta span { font-size:15px}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .postentrybox p { font-size:16px}

   .blog-entry-wrap h1 { font-size:25px}
   
}

/* for 415px or less */
@media screen and (max-width: 415px) {
   body { font-size:16px}
   .container { padding:0 4%}
   #sitelogo {
      width:280px;
      padding:25px 0
   }
   .mobilenavigation .menu-toggle { top:20px}
   .mobilenavigation .main-nav { width:80%}

   #introbanner-area {
      height:225px;
      background: url(/wp-content/uploads/2023/11/hp-banner-img.webp) no-repeat scroll 0 0;
      background-position: 0 0;
      background-repeat:no-repeat;
      background-size: auto!important;
   }
   #introbanner-area .intro-entry {
      height:225px;
      align-items: center!important;
      text-align:center!important
   }

   #introbanner-area.with-intro,
   #introbanner-area.with-intro .intro-entry { height:280px}
   
   #introbanner-area .intro-entry h1 { font-size:30px;}
   #introbanner-area .intro-entry h1 span { padding:0}
   #introbanner-area .intro-entry h1 span:before { display:none}
   #introbanner-area .intro-entry p { font-size:16px}
   
   #introbanner-area.hp-banner { padding:20px 0 110px 0; height:inherit; background-size:inherit!important}
   #introbanner-area.hp-banner .intro-entry { width:auto; margin:0 15px}
   #introbanner-area.hp-banner .intro-entry h1 { font-size:25px}

   #pf-opt-boxes { padding:20px 0 10px 0}
   #pf-opt-boxes .patientform-option-boxes { margin-top:25px}
   #pf-opt-boxes .patientform-option-boxes .optboxcont { width:100%}
   #pf-opt-boxes .patientform-option-boxes .optboxcont h3 { margin:0 0 10px 0;}
   #pf-opt-boxes .patientform-option-boxes .optboxcont h3 span { line-height:55px}
   #pf-opt-boxes .patientform-option-boxes .optboxcont .btn-button a.btn { font-size:18px}
   #pf-opt-boxes .patientform-option-boxes .optboxcont ul li { line-height:1.3em;}
   #pf-opt-boxes .patientform-option-boxes .optboxcont ul li:before { top:1px}
   
   #breadcrumbs { display:none}
   
   #our-specialists.content-section .entry ul li { width:122px; height:122px}
   
   #main-left,
   #main-right { width:100%; float:none; display:block; margin:0 0 30px 0}

   #introbanner-area.hp-banner .intro-entry:after  { display:none}

   #spt-serv.content-section .entry h2 { margin:0 0 10px 0}
   #spt-serv.content-section { padding:20px 0}
   #spt-serv.content-section .entry .content-column { width:41%!important; margin:10px 15px 20px 15px!important}

   #arm-serv.content-section .entry h2 { margin:0 0 10px 0; padding:0 10px}
   #arm-serv.content-section { padding:20px 0}
   #arm-serv.content-section .entry .content-column { width:41%!important; margin:10px 15px 20px 15px!important}

   #what-we-do.content-section { padding:20px 0 0 0}
   #what-we-do.content-section .entry .content-column { display:none}
   #what-we-do.content-section .entry .content-column.last_column { display:block}

   .page-what-we-treat #our-specialists.content-section .entry,
   .page-id-57 #our-specialists.content-section .entry,
   .page-id-20025 #our-specialists.content-section .entry,
   .page-id-19723 #our-specialists.content-section .entry,
   .page-id-19735 #our-specialists.content-section .entry,
   .page-id-19733 #our-specialists.content-section .entry,
   .page-id-19728 #our-specialists.content-section .entry { margin-top:-30px}

   .content-section.mission-vision-italic { padding:20px 0 10px}
   .content-section.mission-vision-italic .entry p { font-size:16px}
   
   #blog-entries-sec { padding:30px 0 10px 0}
   #blog-entries-sec .entry h2 { margin:0 0 0px 0}
   #blog-entries-sec #bpost-entries .bpostbox,
   #blog-entries-sec #bpost-entries .bpostbox:nth-child(3n) { width:100%; margin:0 0 20px 0!important}
   #bpost-entries .bpostbox .postentrybox { min-height:auto}

   #cta-section-footer { text-align:center}
   #cta-section-footer .textwidget h4 { float:none}
   #cta-section-footer .textwidget h4 br { display:none}
   #cta-section-footer .textwidget .btn-button { float:none}

   #bottomcol-section .btmcol { float:none!important; width:100%!important; margin:0 0 20px 0!important}
   #bottomcol-section .btmcol.btm-links { display:none}
   #bottomcol-section .btmcol.btm-cont.fr { margin:0!important}
   #bottomcol-section .btmcol h5 { margin:0 0 10px 0}
   
   .leftright-contentboxes#videosec { padding-bottom:10px}
   .leftright-contentboxes#videosec .entry .content-column.one_half { display:none}
   .leftright-contentboxes#videosec .entry .content-column.one_half.last_column { display:block}

   .leftright-contentboxes#why-choose { padding:20px 0 0 0}
   .leftright-contentboxes#why-choose .entry ul { margin:0}
   .leftright-contentboxes#why-choose .entry ul li { font-family: 'kanitregular';}
   .leftright-contentboxes#why-choose .entry h3 { display:none}
   .leftright-contentboxes#why-choose .entry .content-column.last_column { display:none}
   
   .content-section#locations-dropdown-sec { padding:20px 0}

   .content-column { width:100%!important; margin:0 0 15px 0!important}

   .accordion-list li h3 { padding: 20px 80px 20px 30px; padding:15px 50px 15px 15px;}
   .accordion-list li.acc-item h3:after { top:13px}
   .accordion-list li.acc-item.active h3:after { top:13px;}
   .accordion-list li .acc-bodybox { padding:20px}
   .accordion-list li .acc-bodybox > ul li { margin:0 0 15px 0}
   .accordion-list li .acc-bodybox > ul li:last-child { margin:0 0 8px 0}

   .leftright-contentboxes .entry .content-column > ul li:before { top:3px}

   .content-section .entry p > br { display:none}

   .content-section.cta-banner { padding:30px 0}
   .content-section.cta-banner .entry h3 > br { display:none}
   .content-section.cta-banner .entry .btn-button { max-width:100%}

   ul.column2 { columns:inherit}

   .content-section.optionboxes { padding:20px 0 10px 0}
   .content-section.optionboxes .entry .content-column { height:inherit}

   .content-section.locs-sec .entry .locs-wrap .locbox { max-width:100%; margin:10px 0}

   .leftright-contentboxes.img-content { padding:20px 0 10px 0}

   .content-section.mission-vision-italic { padding:20px 0 10px}
   .content-section.mission-vision-italic .entry p { font-size:16px}
   
   img.alignright, a.alignright, img.alignleft, a.alignleft, img.aligncenter, a.aligncenter, img.alignnone, a.alignnone {
      float:none;
      margin:0 0 10px 0;
      width:100%;
   }

   .content-section.payforms .entry > ul li { width:18%; margin:5px}
   .content-section.payforms .entry > ul li .btn-button a { padding:5px; font-size:15px}
   .content-section.payforms .entry .clearpad { display:none}
   .content-section.payforms .entry .h2 { margin:0}
   .content-section.payforms .entry .gform_wrapper { margin:0; padding:0}
   .content-section.payforms .entry .gform_wrapper .top_label li.gfield.gsection h2.gsection_title { font-size:20px}

   .content-section.payforms .entry .gform_wrapper .top_label li.gfield.gf_left_half,
   .content-section.payforms .entry .gform_wrapper .top_label li.gfield.gf_right_half,
   .content-section.payforms .entry .gform_wrapper .top_label li.gfield .name_first,
   .content-section.payforms .entry .gform_wrapper .top_label li.gfield .name_last { width:100%}

   .content-section.payforms .entry .gform_wrapper li.gfield.pay-cc .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code { width:85%!important}
   .content-section.payforms .entry .gform_wrapper .top_label div.ginput_container.ginput_complex span { margin-bottom:10px!important; position:relative}

   .content-section .entry > .gform_wrapper .gfield .ginput_container .gform-grid-col { width:100%}
   .content-section.payforms .entry .gform_wrapper .top_label div.ginput_container.ginput_complex .ginput_left,
   .content-section.payforms .entry .gform_wrapper .top_label div.ginput_container.ginput_complex .ginput_right { width:100%}

   .content-section.payforms .entry .gform_wrapper input[type=text],
   .content-section.payforms .entry .gform_wrapper input[type=email],
   .content-section.payforms .entry .gform_wrapper input[type=tel],
   .content-section.payforms .entry .gform_wrapper textarea,
   .content-section.payforms .entry .gform_wrapper select { line-height:inherit!important; min-height:inherit!important}

   .content-section.payforms .entry .gform_wrapper li.gfield.pay-cc .ginput_cardinfo_left,
   .content-section.payforms .entry .gform_wrapper li.gfield.pay-cc .ginput_cardinfo_right { width:100%!important}
   .content-section.payforms .entry .gform_wrapper li.gfield.pay-cc select { margin:0 0 10px 0!important}

   .content-section.payforms .entry .wp-image-3150 { width:auto}

   .content-section.tabs-list-wrap .entry .tabs-wrap .tabs-list li { margin:4px;}
   .content-section.tabs-list-wrap .entry .tabs-wrap .tab-entries .tab-entrybox ul { columns:inherit}

   .content-section.blogpostpage-sec { padding:20px 0 10px}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox { padding:15px; margin:0 0 20px 0}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .bpost-thumb { width:100%; margin:0 0 10px 0}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .postentrybox { width:100%}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .postentrybox h5 { font-size:23px}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .postmeta span { font-size:15px}
   .content-section.blogpostpage-sec #bpost-entries .bpostbox .postentrybox p { font-size:16px}

   .blog-entry-wrap h1 { font-size:25px}

   .page-id-17 .content-section.lyellowbg { padding:20px 0 10px 0}

   .content-section.careers-optbox { padding:20px 0 10px 0}
   .content-section.careers-optbox .careers-option-boxes { gap:20px}
   .content-section.careers-optbox .careers-optboxcont { width:100%;}
   .content-section.careers-optbox .careers-optboxcont h3 { font-size:20px}


   .content-section.formsec { padding:20px 0 10px}
   .content-section.formsec .entry .gform_wrapper { margin:0; padding:0}
   .content-section.formsec .entry .gform_wrapper .top_label li.gfield.gsection h2.gsection_title { font-size:20px}

   .content-section.formsec .entry .gform_wrapper .top_label li.gfield.gf_left_half,
   .content-section.formsec .entry .gform_wrapper .top_label li.gfield.gf_right_half,
   .content-section.formsec .entry .gform_wrapper .top_label li.gfield .name_first,
   .content-section.formsec .entry .gform_wrapper .top_label li.gfield .name_last { width:100%}

   .content-section.formsec .entry .gform_wrapper li.gfield.pay-cc .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code { width:85%!important}
   .content-section.formsec .entry .gform_wrapper .top_label div.ginput_container.ginput_complex span { margin-bottom:10px!important; position:relative}

   .content-section.formsec .entry .gform_wrapper .gfield .ginput_container .gform-grid-col { width:100%}
   .content-section.formsec .entry .gform_wrapper .top_label div.ginput_container.ginput_complex .ginput_left,
   .content-section.formsec .entry .gform_wrapper .top_label div.ginput_container.ginput_complex .ginput_right { width:100%}

   .content-section.formsec .entry .gform_wrapper input[type=text],
   .content-section.formsec .entry .gform_wrapper input[type=email],
   .content-section.formsec .entry .gform_wrapper input[type=tel],
   .content-section.formsec .entry .gform_wrapper textarea,
   .content-section.formsec .entry .gform_wrapper select { line-height:inherit!important; min-height:inherit!important}

   .content-section.formsec .entry > .gform_wrapper input[type="submit"] {
      max-width:100%;
      font-size: 25px;
      line-height:inherit!important;
      min-height:inherit!important;
   }

   .productp { border-bottom:1px solid #eee}
   .productp .container { width:auto; margin:0 5%}
   .productp .entry h3 { font-size:20px!important; line-height:1.3em}
   .productp .content-column.one_half,
   .productp .content-column.one_half.last_column{ width:100%!important}
   .productp a.red-btn { width:200px!important; display:block; margin:0 auto!important; text-align:center}
}

/* for 335px or less */
@media screen and (max-width: 335px) {
   
}

/* EThyl new mobile css  */
@media screen and (max-width: 600px) {
	#uppermenubar{
		display: none;
	}
	
}

@media screen and (max-width: 415px){
.mobilenavigation .menu-toggle {
    background: #ce0e2d!important;
}
#introbanner-area {
    height: 225px;
	background-image: url(/wp-content/uploads/2023/11/hp-banner-img.webp) no-repeat scroll 0 0!important;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto!important;
}
	}
@media screen and (max-width: 736px){
#introbanner-area {
    background: url(/wp-content/uploads/2023/11/hp-banner-img.webp) no-repeat scroll 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto!important;
}
}
@media screen and (max-width: 1478px){
.home-intro-banner .intro-entry {
    width: 65%;
}
}

@media screen and (max-width: 600px) {
	#uppermenubar{
		display: none;
	}
    #sitelogo img{
    width: 80%;
}
    #why-mow .container:before{
        display: none;
    }
    #why-mow .entry .content-column ul li strong {
    font-size: 26px;
    margin: 0 0 10px 0;
    display: inline-block;
    font-family: 'poppinsbold';
    line-height: normal;
}
    .home-intro-banner .intro-entry {
    width: 100%;
}
	#introbanner-area .home-intro-banner {
    min-height: auto!important;
    display: block;
    background: url(/wp-content/uploads/2023/11/hp-banner-img.webp) no-repeat scroll 0 0;
}

    #introbanner-area .container{
        padding: 40px 0;
        
}
    #why-mow.content-section .entry h2{
        text-align: center;
        font-size: 26px;
    }
    #original-bunk-window .entry {
    display: block;
}
    #original-bunk-window .entry .content-column.one_half.last_column .btn-inline {
    padding: 20px 30px;
}
    #windows-app .entry .wp-caption {
    width: 100%!important;
}
    .leftright-contentboxes.img-content .entry {
    display: block;
}
    #what-others-saying .testimonial-not-slides .testibox {
    width: 100%;
}
	#windows-app .entry .wp-caption {
    margin: 10px 0;
}
	#getstarted-widget .textwidget ul li {
    width: 43%;
}
	#footerinfos .footerinfo.quicklinks, #footerinfos .footerinfo.contactinfo  {
    width: 100%;
}
	#footerinfos .footerinfo.social-links {
    width: 100%;
    float: none;
}
	#what-others-saying .testimonial-not-slides .testibox {
    margin: 10px 0;
		padding: 25px;
}
	#what-others-saying .testimonial-not-slides .testibox .testi-cont {
    min-height: auto;
}
	.application-section ul li {
    min-height: auto;
    margin: 30px 0px;
    width: 100%;
}

	.product-faq ul, .guides-lists ul {
    column-count: 1;
}
		/* ABOUT PAGE */
	.page-about .content-section {
    padding: 40px 0;
}
	.page-about .leftright-contentboxes.red-bg .entry .content-column.one_half:after{
		display: none;
	}
	.about-advantage .content-column.one_fourth {
    padding: 15px;
    min-height: auto;
}
.icn-txt div{
    float: left;
    text-align: left;
}
.icn-txt .icn-1{
    width: 27%;
   margin-right: 3%;
	padding-top: 15px;
}
.icn-txt .txt-2{
    width: 70%;
}
   .about-advantage .content-column.one_fourth h4 {
    font-size: 20px;
    font-weight: bold;
      margin-bottom: 0;
}
	.wp-image-533{
		padding-bottom: 15px;
	}
/* GLOBAL CSS */
	.content-section .entry h2 {
    font-size: 32px;
    margin: 0 0 15px 0;
    font-family: 'poppinsbold';
}
#copy-legalmenus .copytxt {
    text-align: center;
    float: none;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
#copy-legalmenus .legalnav {
    text-align: center;
    float: none;
}
}


@media screen and (max-width: 1024px){
.mobilenavigation .menu-toggle {
    position: absolute;
    top: 30px;
    display: block;
    right: 20px;
    padding: 7px 10px!important;
    line-height: inherit!important;
    color: #fff;
    background: #ce0e2d!important;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
}

@media screen and (max-width: 415px){
#introbanner-area .intro-entry {
   height: auto !important;
    align-items: center!important;
    text-align: center!important;
}
	#sitelogo {
    width: 400px;
    padding: 30px 10px;
}
.home-intro-banner {
    min-height: 500px;
}
}

@media screen and (max-width: 736px){
.leftright-contentboxes.img-content {
    padding: 30px 0 30px 0;
}
}
@media screen and (max-width: 1024px){
.mobilenavigation .main-nav ul li {
    border-bottom: 1px dashed #e52d4b;
    background: #ce0e2d;
}
   .mobilenavigation .main-nav ul li ul li { border-bottom:0; border-top:1px dashed #333}
   .mobilenavigation .main-nav ul li ul li a { line-height:1.6em; font-size:12px; }
   .mobilenavigation .main-nav ul li ul li:before { top:17px; background:#ce0e2d;}
}
@media screen and (max-width: 1535px){
#bpost-entries .bpostbox {
    width: 100%;
    float: none;
    display: block;
    vertical-align: top;
    margin: 0 20px;
}
    }



@media screen and (max-width: 415px){
   p { line-height:1.6em}

   .leftright-contentboxes .entry .content-column.one_half { margin-bottom:25px!important}
   .leftright-contentboxes .entry .content-column.one_half.last_column { margin-bottom:0!important}
   .content-section .entry h2 { font-size:25px}
   
   #introbanner-area .container { padding:0 40px}

   #why-mow { padding:30px 0 0 0}
   #why-mow .entry .content-column ul li { padding:20px 30px; margin:0 0 5px 0; line-height:1.4em;}
   #why-mow .entry .content-column ul li strong {
      font-size:18px
   }
   #why-mow .entry .content-column ul li:after { display:none}

   #original-bunk-window { padding:20px 0 5px 0}
   #original-bunk-window .entry .content-column.one_half { display:none}
   #original-bunk-window .entry .content-column.one_half.last_column {
      display:block;
      text-align:center;
   }
   #original-bunk-window .entry .content-column.one_half.last_column h2 {
      font-size:25px
   }
   #original-bunk-window .entry .content-column.one_half.last_column .btn-inline {
      padding:10px 20px;
      font-size:13px
   }

   #windows-app { padding:30px 0 0 0}
   #windows-app h2 { font-size:25px}

   #mow-our-story { padding:15px 0 10px 0}
   #mow-our-story h2 { font-size:25px}
   #mow-our-story .entry p { line-height:1.6em}
   #mow-our-story .entry .content-column.one_half.last_column { display:none}

   #what-others-saying { padding:25px 0}
   #what-others-saying h2 { font-size:25px}
   #what-others-saying .testimonial-not-slides .testibox .testi-cont:before {
      background-size:100%;
      width:35px;
      height:25px;
      margin:0 0 10px 0
   }
   #what-others-saying .testimonial-not-slides .testibox h5 span { font-size:25px; height:40px; width:40px; line-height:42px}
   #what-others-saying .testimonial-not-slides .testibox h5 strong { font-size:17px}

   #considering-mow { padding:30px 0 0 0}
   #considering-mow .entry .content-column { display:none}
   #considering-mow .entry .content-column.last_column { display:block}
   #considering-mow .entry .content-column h2 { font-size:25px}
   #considering-mow.diamondlists .entry ul { margin:0;}
   #considering-mow.diamondlists .entry ul li {
      padding:0 0 0 40px;
   }
   #considering-mow.diamondlists .entry ul li:before {
      width:20px;
      height:20px;
      background-size:100%;
      top:10px;
   }
   #considering-mow.diamondlists .entry ul li h3 { font-size:17px}
   #considering-mow.diamondlists .entry ul li p { line-height:1.5em}

   #considering-mow2 { padding:0px 0 0 0}
   #considering-mow2 .entry .content-column { display:none}
   #considering-mow2 .entry .content-column.last_column { display:block}
   #considering-mow2 .entry .content-column h2 { font-size:25px}
   #considering-mow2.diamondlists .entry ul { margin:0;}
   #considering-mow2.diamondlists .entry ul li {
      padding:0 0 0 40px;
   }
   #considering-mow2.diamondlists .entry ul li:before {
      width:20px;
      height:20px;
      background-size:100%;
      top:10px;
   }
   #considering-mow2.diamondlists .entry ul li h3 { font-size:17px}
   #considering-mow2.diamondlists .entry ul li p { line-height:1.5em}

   #getstarted-widget { padding:25px 0 0px 0}
   #getstarted-widget .textwidget h4 { font-size:30px}
   #getstarted-widget .textwidget ul li h5 { font-size:22px}
   #getstarted-widget .textwidget ul { text-align:center; padding:20px 70px}
   #getstarted-widget .textwidget ul li { display:block; width:100%; margin:0 0 30px 0}
   #getstarted-widget .textwidget ul li img { width:100%; margin:0}

   #footerinfos { padding:40px 20px}
   #footerinfos .footerinfo h5 { font-size:25px}
   #footerinfos .footerinfo.quicklinks .btmnav ul { columns: unset; margin:0 0 50px 0}
   #footerinfos .footerinfo.quicklinks .btmnav ul li {}

   #footerinfos .footerinfo.contactinfo ul li { line-height:1.5em}
   #footerinfos .footerinfo.contactinfo ul li:before { top:4px}
   #footerinfos .footerinfo.contactinfo ul li:nth-child(4):before { top:15px}

   #copy-legalmenus .copytxt { line-height:1.5em}

   #copy-legalmenus .legalnav ul { text-align:center; margin:0; padding:0}
   #copy-legalmenus .legalnav ul li { display:inline-block; float:none; margin:0 10px; padding:0}

   #faqs-sectlists { padding:10px 0}
   #faqs-sectlists .accordion-list { margin:0; padding:0}
   .content-section .entry ul.accordion-list li h3 { padding:0; margin:0; font-size:17px}
   .content-section .entry ul.accordion-list li { padding:20px; margin:0 0 5px 0; line-height:1.6em}
   .content-section .entry ul.accordion-list li:last-child { display:none}
   .accordion-list li .acc-bodybox { padding:10px 0 0 0}
   .accordion-list li .acc-bodybox ul { column-count:unset!important; margin:10px 0 0 0; padding:0}
   .accordion-list li .acc-bodybox ul li { padding:0!important; margin:0 0 12px 0!important}
   .accordion-list li .acc-bodybox .gallery { display:none}
	
	#frame-widget { height:1200px}
   .tints, .frames { width:300px;}
   .frames-thumb { width:300px; top:400px}
#bpost-entries {
    width: 100%;
    float: none;
    margin-right: 0;
}
}

@media screen and (max-width: 1024px){
#frame-widget {
    height: auto;
    padding: 50px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.tints, .frames {
    position: relative;
    top: 0;
    right: 0;
    width: auto;
}
    .frames-thumb {
    padding-top: 20px;
}
    .frames-thumb, .tints-thumb {
    position: relative;
    width: auto;
    left: 0;
    top: inherit;
}
    .tints span, .frames span.glasstitle {
    top: -25px;
    font-size: 14px;
}
    .tints span, .frames span.glasstitle, .tints span, .frames span.desc {
    top: 0;
    position: relative;
    font-size: 11px;
}
    .frames-thumb h3, .tints-thumb h3 {
    text-align: center;
}
    .thumbs {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
    .frames-thumb ul li, .tints-thumb ul li {
    display: inline-block;
    vertical-align: top;
    float: none;
}
	.content-section .entry ul li:before{
		display:none;
	}
#frame-widget { height:auto; padding:50px 20px 20px 20px;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	.tints, .frames { position:relative; top:0; right:0; width:auto}
	.frames-thumb, .tints-thumb {position:relative;width:auto;left: 0;top: inherit;}
	.tints span,
	.frames span.glasstitle, 
	.tints span,
	.frames span.desc { top:0; position:relative; font-size:11px}
	.tints span, .frames span.glasstitle { top:-25px; font-size:14px}
	.tints {position:absolute;top: 76px;     padding:0px 20px;}

	.thumbs { text-align:center;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	.frames-thumb { padding-top:20px}
	.frames-thumb h3,
	.tints-thumb h3 { text-align:center}
	.frames-thumb ul li,
	.tints-thumb ul li { display:inline-block; vertical-align:top; float:none}
.thumbs li {
    display: block;
    float: left;
    text-align: center;
    width: 105px;
    line-height: 1em!important;
}
.thumbs {
    display: inline-block;
    width: 100%;
}
.tints-thumb ul li {
    width: 31%;
    text-align: center;
    padding: 5px!important;
    background: 0!important;
    border: 1px solid transparent;
}
}
@media screen and (max-width: 600px){
#bpost-entries {
    width: 100%!important;
    float: none!important;
    margin-right: 0!important;
}
#introbanner-area .intro-entry {
    height: auto !important;
    align-items: center!important;
    text-align: center!important;
}
#sitelogo {
    width: 400px;
    padding: 30px 10px;
}
.content-section .entry ul.two-columns-ul {
    column-count: 1!important;
}
.hide-mob{
		display:none!important;
	}
.content-section.application-section .entry ul li{
   width: 100%;
   margin: 10px 0;
   min-height: auto;
}
}