/****** Media Queries *****/
/* for 1625px or less */
@media screen and (max-width: 1625px) {
   #sitelogo a { display:block}
   #sitelogo a img { width:300px}
   #mainnav { margin: 17px 0 0 20px;}
   #contactnum { margin: 40px 0 0 10px;}
   #contactnum a {
      padding: 10px 17px 10px 40px;
      font-size: 18px;
   }
   #contactnum a i {
      font-size: 23px;
      left: 12px;
      top: 12px;
   }
}

/* for 1475px or less */
@media screen and (max-width: 1475px) {
   #contactnum a {
      height:46px;
      width:46px;
      line-height:30px;
      text-align:center;
      padding:10px;
      font-size: 18px;
      -moz-border-radius:100px;
      -ms-border-radius:100px;
      -o-border-radius:100px;
      border-radius:100px;
   }
   #contactnum a i {
      position:relative;
      top:inherit;
      left:inherit
   }
   #contactnum a span { display:none}
}

/* for 1337px or less */
@media screen and (max-width: 1337px) {
   .container { max-width:inherit!important;}
   body { position:inherit}
   #top.topfixed { position:relative}
   #contactnum { display:none}
   #mainnav { display:none}
   .mobilenavigation { display:block;}
   .mobilenavigation .inside-navigation { position:inherit;}
   .mobilenavigation .menu-toggle {
      position:absolute;
      top:25px;
      display:block;
      right:12px;
      padding:5px 10px!important;
      line-height:inherit!important;
      color:#fff;
      background:#ff9500!important
   }
   .mobilenavigation .menu-toggle .icon-menu-bars { font-size:22px}
   .mobile-menu-open .mobilenavigation .menu-toggle {
      position:fixed;
      background:#fff;
      top:0;
      width:15%!important
   }
   .mobilenavigation .main-nav {
      position:fixed;
      background:#fff;
      top:0;
      left:0;
      width:85%
   }
   .mobilenavigation .main-nav ul li{ border-bottom:1px solid #ddd}
   .mobilenavigation .main-nav ul li a { line-height:50px;}
}

/* for 1024px or less */
@media screen and (max-width: 1024px) {
   
}
/* for 768px or less */
@media screen and (max-width: 768px) {
   
   
}
/* for 415px or less */
@media screen and (max-width: 415px) {
   body { font-size:15px}
   #maintop { padding:0 0 10px 0}
   #sitelogo { float:none; padding:25px 0 20px 0}
   #sitelogo img { width:250px}
   #maintop #searchbar { display:none}
   #contactnum { float:none; display:none; padding-top:0; margin-left:5px; padding-left:21px}
   #contactnum a { font-size:15px}
   #contactnum a i { font-size:18px; top:3px}
   
   #main-left,
   #main-right { width:100%; float:none; display:block}
   
   #main-content.default-single { padding-top:15px}

   #nl-section { padding:30px 0}
   #nl-section h4 { font-size:20px}
   #nl-section h4 em { font-size:12px}
   #nl-section .textwidget > .fl,
   #nl-section .textwidget > .fr { float:none}
   #nl-section form { width:100%}
   #nl-section form input[type="text"] { width:70%}
   #nl-section form input[type="submit"] { width:30%}

   #bottomcol-section { padding-bottom:0}
   #bottomcol-section .btmcol { width:100%!important; margin-bottom:40px!important}
   #bottomcol-section .btmcol.btm-con-info { margin-bottom:15px!important}
   #bottomcol-section .btmcol.btm-links { margin-left:0}

   #introbanner-area.intro-default { background:none; padding:50px 0 70px 0;}
   #introbanner-area::before { opacity:1}
   #introbanner-area .intro-entry h1 { font-size:40px}

   #distributors-sectlists .accordion-list li { width:46%}
   #distributors-sectlists .distributorbox .distributorbox-details { right:inherit; left:0; top:60px; width:290px;}

   #main-left #bpost-entries .bpostbox { width:100%; margin:0 0 20px 0!important}
   #paginations { margin:10px 0 30px 0}
   #respond h2 { font-size:25px}

   
   .content-section.testisection-slider {}
   .content-section.testisection-slider .container { padding:0 13%}

   .content-section.gallery-sec .entry ul.gallery li { max-width:100%}
   .content-section.gallery-sec .entry ul.gallery li figure img { height:inherit}
   
   .content-section.img-ovsec {
      padding:20px 0 30px 0;
      min-height:inherit
   }
   .content-section.img-ovsec:before { opacity:.8}
   .content-section.img-ovsec .entry { max-width:inherit}
   .content-section.img-ovsec .entry .btn-button { margin:10px 0 0 0;}

   .content-section.img-ovsec.txturebg { padding:30px 0; text-align:left}
   .content-section.img-ovsec.txturebg .entry h2 {
      font-size:25px
   }
   .content-section.img-ovsec.txturebg .entry p { font-size:inherit; font-family: 'open_sansregular';}

   .content-section.redbgsec { text-align:left;}
   .content-section.redbgsec h2 { margin:0 0 20px 0}
   .content-section.redbgsec .entry p { font-size:inherit; font-family: 'open_sansregular';}
   .content-section.redbgsec .entry .btn-button { margin:10px 0 0 0}

   .content-section.featprod { text-align:left}
   .content-section.featprod .entry .content-column {
      width:100%;
      margin:0 0 20px 0
   }
   .content-section.featprod .entry .btn-button { margin:10px 0 0 0}
   .content-section.featprod .entry .btn-button .btn { padding:9px 15px;}
   .content-section .entry iframe { height:250px!important}
   
   .content-section.img-ovsec.opac-imgbg { padding:30px 0}

   .content-section.prodspecs-sec { padding:30px 0 0 0}
   .content-section.prodspecs-sec .entry .content-column { width:100%!important; margin-bottom:20px}

   .content-section.prodspec-sec-details { padding:10px 0}
   .content-section.prodspec-sec-details .entry .btn-button-dl { width:100%; margin-bottom:15px}

   .content-section.videos-sec .entry .content-column { width:100%}

   .content-section.blogpostpage-sec { padding:30px 0}
   
   .content-section .content-column.one_half,
   .content-section .entry .wp-video { width:100%!important; margin:0 0 10px 0;}
   
   .home .content-section,
   .content-section{ padding:30px 0}

   .leftright-contentboxes {}
   .leftright-contentboxes .entry {}
   .leftright-contentboxes .content-column.one_half { width:100%!important}
   
   .content-section .entry > h1 {
      font-size:30px;
      margin:0 0 15px 0;
      letter-spacing:inherit
   }
   .content-section .entry h2 {
      font-size:25px
   }

   .btn-button {}
   .btn-button .btn {
      padding:9px 15px;
      font-size:13px
   }

   .blog-img-none { height:200px; text-align:center}
   .blog-img-none span { height:200px}
   .blog-entry-wrap h1 { font-size:30px}

   .comments-area .submit-button { padding:9px 15px; font-size:14px}

   .content-section.contactformp .entry .gform_wrapper input[type="text"],
   .content-section.contactformp .entry .gform_wrapper input[type="email"],
   .content-section.contactformp .entry .gform_wrapper input[type="tel"],
   .content-section.contactformp .entry .gform_wrapper select,
   .content-section.contactformp .entry .gform_wrapper textarea {
      padding:5px 10px;
      font-size:15px
   }
   .content-section.contactformp .entry .gform_wrapper input[type="submit"] {
      padding:9px 15px;
      font-size:13px;
      max-width:inherit
   }
   .content-section.semiquote { text-align:left; padding:20px 0 10px 0}
   .content-section.semiquote .entry p { font-size:inherit; font-family: 'open_sansregular';}
   .content-section.semiquote .entry p em { font-style:normal}
   .content-section.contactp-sec-icons .entry .content-column { width:100%; margin:0 0 20px 0; min-height:inherit}
}

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