/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 html{font-family: 'Roboto', sans-serif !important;-webkit-tap-highlight-color: transparent;}
.scroll-to-form{color: inherit;}


.pic_product_mob{display:none;}
.fancy-text{ font-family: 'Sriracha', cursive;}
.fancy-text-two,.fancy-text-tree{padding-bottom:40px!important;}
nav{font-family: 'Roboto Condensed', sans-serif !important;}

 .theme-blue-back{background-color: #18489c}
 .theme-blue-text{color: #18489c}
 .theme-blue-dark{background-color: #062145}


 ::-webkit-scrollbar {
   width: 14px;
   height: 14px;
 }
 ::-webkit-scrollbar-button {
   width: 0px;
   height: 0px;
 }
 ::-webkit-scrollbar-thumb {
   background: #00346d;
   border: 0px none #ffffff;
   border-radius: 0px;
 }
 ::-webkit-scrollbar-thumb:hover {
   background: #002a57;
 }
 ::-webkit-scrollbar-thumb:active {
   background: #002347;
 }
 ::-webkit-scrollbar-track {
   background: #e6e6e6;
   border: 0px none #ffffff;
   border-radius: 0px;
 }
 ::-webkit-scrollbar-track:hover {
   background: #a8a8a8;
 }
 ::-webkit-scrollbar-track:active {
   background: #cfcfcf;
 }
 ::-webkit-scrollbar-corner {
   background: transparent;
 }

 /* form*/
 input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
     background-color: white;
     border: none;
     border-bottom: initial;
     border: 1px solid #004d95;
     border-radius: 2px;
     padding: 0px 10px;
     outline: none;
     height: 33px;
     width: 100%;
     font-size: 16px;
     margin: 0 0 8px 0;
     /* padding: 0; */
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-box-sizing: border-box;
box-sizing: border-box;
     -webkit-transition: border .3s, -webkit-box-shadow .3s;
     transition: border .3s, -webkit-box-shadow .3s;
     transition: box-shadow .3s, border .3s;
     transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
 }

 input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
     border-bottom: 0px solid #004d95;
     border: 1px solid #004d95;
     -webkit-box-shadow: 0 1px 0 0 #004d95;
     box-shadow: 0px 0px 8px 0px #004d95;
 }
 input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color: initial;
    border-bottom: 1px solid #004d95;
    padding: 0px 0px;
    text-align:center
 }

 ::-webkit-input-placeholder { color:    #004d95;}
 :-moz-placeholder {color:    #004d95;opacity:  1;}
 ::-moz-placeholder { color:    #004d95;opacity:  1;}
 :-ms-input-placeholder {color:    #004d95;}





.orderform {margin-bottom:0px}
 .priceform {color: #004d95;font-size: 20px}
 .priceform .old-price{color:black;text-decoration: line-through;}
 .priceform .new-price{font-size: 25px;font-weight: 600;color: #778c14;}

 .form-toptext{text-align: center;    margin-bottom: 10px;}
 .form-toptext h5{    font-size: 33px;
    margin: 0px;
    font-weight: bolder;
    text-shadow: 1px 1px 7px black;
    color: white;
    -webkit-text-stroke: 1px #1a1c1d;}
 .form-toptext span{    font-size: 18px;margin-top: 5px;display: block;font-weight: bold;}

 input.error {border: 1px solid #a30000 !important;}
 input.error::placeholder { color: red;opacity: 1;}
 label.error{display: none !important;}
 input.error:focus{ border-bottom: 0px solid #004d95 !important;border: 1px solid #a30000 !important;-webkit-box-shadow: 0 1px 0 0 #a30000 !important;box-shadow: 0px 0px 8px 0px #a30000 !important;}

 #error-summary{font-weight: bold;color: red;margin-bottom: 5px;display: none}

 input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
 input[type=number] {-moz-appearance: textfield;}


 .flex-container {
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-align-content: stretch;
     -ms-flex-line-pack: stretch;
     align-content: stretch;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     }

 #form_areacode {
     -webkit-order: 0;
     -ms-flex-order: 0;
     order: 0;
     -webkit-flex: 0 1 auto;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     -webkit-align-self: auto;
     -ms-flex-item-align: auto;
     align-self: auto;
     max-width:50px;margin-right:5px
     }

 #form_phone {
     -webkit-order: 0;
     -ms-flex-order: 0;
     order: 0;
     -webkit-flex: 1 1 auto;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     -webkit-align-self: auto;
     -ms-flex-item-align: auto;
     align-self: auto;
     }


 .formcard {
     position: relative;
     margin: 0px !important;
            background-color: rgb(224 242 255);
     border-radius: 15px;
     border: 0px solid #004d95;
     padding: 0px 15px;
     -webkit-box-shadow: none !important;
    box-shadow: none !important;

 }
 .formcard .card-content{
 margin: 0px !important;    padding: 5px 15px;}


 .col-form{    background: #004d95;
     padding: 5px !important;border-radius: 15px;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.col-form .form1-topdeal{    color: white;
    text-align: center;
    padding: 4px 0px;
    display: block;
    font-size: 18px;
    margin: 9px;
}


 .countdown_box .cbox{background: red;
     border-radius: 20px;
     color: white;
     text-align: center;
     border: 2px solid #a30000;

     }


 .toend{font-size: 20px;margin: 5px 0px;}



 @media only screen and (max-width: 500px){
     .pic_product_mob{display:block;}
     .dnone{display:none;}
   .countdown_box .s4{padding:0px 2px}
 }

 .formrow{display: flex;    justify-content: center;align-items: center;}
 .card .card-content{    padding-bottom: 0px;}
 .countdown_box{width: 90%;margin: 0px auto;}
 .countdown_box .cbox span:first-child{font-size: 35px;display: block}
 .countdown_box .cbox span:last-child{font-size: 15px;display: block;width:100%;background:#a30000;border-bottom-left-radius: 17px;border-bottom-right-radius: 17px;}
  @media only screen and (max-width: 992px){
      .hide_b{display:none;}
    .form-toptext h5 {font-size: 30px;}
    .countdown_box{width: 70%;}
    .countdown_box .col{    padding: 0 4px !important}
    .formrow{flex-wrap: wrap;flex-direction: column-reverse;}
    .formrow .col-product{text-align: center;}
    .formrow .col-product  img{max-width:400px}
    .formcard  .stamp-img {max-width: 90px;}
    .countdown_box .cbox{    border-radius: 10px;}
    .countdown_box .cbox span:first-child{font-size: 26px;    line-height: 32px;}
    .countdown_box .cbox span:last-child{font-size: 11px;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
    .col-form{padding: 5px !important;    margin-left: 0px !important}
  }
  @media only screen and (max-width: 450px){
    .priceform .new-price {font-size: 25px;}
    .priceheader {font-size: 17px !important;}
  .formcard .s12,.card-content{padding:0px !important}
  }

  @media only screen and (max-width: 400px){
    .countdown_box{width: 100%;}
    .col-form{margin-left: 0px !important}
  }
  @media only screen and (max-width: 350px){
    .stamp-img {
        width: 100%;
        max-width: 70px;
        margin: 10px 5px;
    }
    .col-form.s10{width:100% !important}
  }

 /* nav and topbar*/
   nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {height: 64px !important;line-height: 64px !important;}

   @media only screen and (max-width: 992px){
     .nav-wrapper.container{width:100% !important}
     nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
         line-height: 50px !important;
         height: 50px !important;
     }
   }



   nav .row{margin-bottom:0px !important}

   .mobilenav {
       border-top: 0px;
       border-right: 0px;
       border-left: 0px;
       margin: 0px;
       -webkit-box-shadow: none;
       box-shadow: none;
   }
   .mobilenav .collapsible-header{padding: 0px !important;
       border-bottom: 0px;
       background-color: transparent;
       line-height: 0px;}

   .mobilenav .collapsible-body {
       display: none;
       border-bottom: 0px;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       padding: 0px;
   }

   .mobilenav{background-color: #144b9d;display: block;
           margin-top: 64px;
       position: fixed;
       width: 100%;}

   .mobilenav #nav-mobile   li{
       text-transform: uppercase;
       font-size: 16px;
       border-bottom: 2px solid white;}
   .mobilenav #nav-mobile   li:last-child{border-bottom: 0px solid white;}
   .mobilenav #nav-mobile li a{    color: #ffffff;
       font-weight: bold;
       width: 100%;
       display: block;
       padding: 10px 20px;}
   .mobilenav #nav-mobile li a:hover{background: rgb(0 0 0 / 34%);}

   .navmenutrigger {padding:0 5px;    height: 64px;}
   .navmenutrigger svg{    height: 64px;
       padding: 13px 0px;}

   .nav-btn-buy{font-weight:bold;
    color: #000 !important;
   background: linear-gradient(#ffbd0b 0%,#ffbd0b 10%,#fbc100 50%,#cd9f00 100%);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   }
   /*.nav-btn-buy:hover,.nav-btn-buy:focus{background-color: white ;color: #e60003 ;}*/


   @media only screen and (max-width: 992px){
     .mobilenav{margin-top:50px}
     .section-form .header-section{margin:0px}
.img_payment{max-width: 90px;width:100%}
.toptext{display: flex;justify-content: center;}
.topbar .promo img{float:none !important}
.topbar .promo span,.topbar .promo img,.topbar,.nav-logo,.navmenutrigger svg,.navbar-fixed {
    height: 50px !important;
  }
  .topbar .promo img {
      padding: 10px 0px !important;
    }
    .navmenutrigger svg {
        padding: 8px 0px;
    }
}



 .container {width:65% !important;}
   .sidenav-overlay{    z-index: 7 !important;}
   .topbar{height: 110px;display: none}
   .topbar nav{height: 110px !important;background-color: white !important}
   .topbar nav.transparent{background-color: transparent !important}

   .topbar .promo {text-align: right;padding:0px !important}
   .topbar .promo img{height: 110px;padding: 40px 0px;float: left;margin-right: 10px;}
   .topbar .promo span{display:inline-block;color:black;line-height: 20px;font-size: 17px;vertical-align: middle;}
   .topbar .toptext{    line-height: 110px;padding-left: 10px !important;}

   .topbar .promo {
       text-align: center;
     }
@media only screen and (max-width: 1700px){.container {width: 95% !important;}}

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


     .topbar{height: 60px;display: block;}
     .topbar nav{height: 60px !important;}
     .topbar .promo img{height: 60px;    padding: 10px 0px;}
     .topbar .toptext{    line-height: 60px}
   }
   .promo{height: 110px;}
   .promo .col{padding:0px !important}
   .promo  .inner{display:inline-block;text-align: left}
   .promo-with-logo img{    height: 110px;
       padding: 35px 30px;float: left;}

   .sidenav-trigger i{color:#174a9d}
   .sidenav-trigger img  {padding: 18px 5px;height: 64px;}
 nav .sidenav-trigger{margin:0px}
   .nav-logo{height: 60px;padding: 5px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

   .desktop-nav a{    color: #ffffff;
    text-transform: uppercase;
    font-size: 22px;}
   .desktop-nav.left a:hover,.desktop-nav.left a:focus{background: rgb(0 0 0 / 24%);}



   .icon-top-mobile{position: absolute;right: 20px;margin-top: 36px;}
   .icon-top-mobile img{width: 85px;display: block;margin-bottom: 15px;}

   /*main*/

   @media only screen and (max-width: 1300px){
        .desktop-nav a{ font-size: 16px;}
   }
   .background1{background: url('images/back-photo1.jpg');background-size: contain;background-repeat: no-repeat;background-position-x: center;height: 700px}
   @media only screen and (max-width: 992px){.background1{background-position-x:80%}
   .power_text{font-size: 20px !important;}
 }


   .background2 {background: url('img/back2.jpg');    background-size: contain;background-repeat: no-repeat;}
   .flex-center{    display: flex;justify-content: center;align-items: center;}
   .buy-btn-nav{background: linear-gradient(#ffbd0b 0%,#ffbd0b 10%,#fbc100 50%,#cd9f00 100%);box-shadow: 2px 2px 4px #000!important;border: none!important;border-radius: 11px !important;font-weight: 700 !important;}
   .buy-btn-nav:hover{box-shadow: 1px 1px 1px #000!important;}


   /* section1*/

    .header_subtext{font-size:23px;}
   .hightlight-text{display: inline-block;float: right;    padding-bottom: 5px;}
   .hightlight-text span{display: inline-block;float: right;color: white;background-color: #f1410a;padding: 5px 6px;font-size: 20px;display: block;}

   .stars-text{color: #004d95;font-weight: 500;padding-left:40px;font-size: 20px;display: flex;align-items: center;    justify-content: space-between;line-height: 25px;padding-bottom: 5px;}
   .stars-text img{    width: 115px;}


   .stamp-img{width:100%;    max-width: 115px;
    margin: 10px 5px;}

   .icon-top{margin-top:40px}
   .icon-top img{width:100px;margin-right: 15px;}



   .product-with-price {display: flex;justify-content: center;align-items: center;}
   .col-product {text-align: left;}
   .col-price{text-align: center;margin: 0px auto;}
   .col-price tr {border-bottom: 0px solid white !important;}
   .col-price td{padding:0px !important;}



   .buy-btn-main ,.orderform .buy-btn-nav, .section-form .buy-btn-nav, .section1 .buy-btn-nav,.section-infofooter .buy-btn-nav, .product-with-price .buy-btn-nav {
       color: #000 !important;
       margin: 21px auto;
       padding: 10px 20px;
       height: initial;
       line-height: initial;
       border-radius: 100px !important;
       font-size: 26px;
       text-transform: capitalize;
       border: none;
       box-shadow: 2px 2px 4px #000!important;
       width: 100%;
       font-weight: bold;
       background: linear-gradient(#ffbd0b 0%,#ffbd0b 10%,#fbc100 50%,#cd9f00 100%);
       text-transform: uppercase;
       -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
       -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
       transition: all 0.2s ease-in-out;
   }

   .buy-btn-main{margin: 30px auto;width: 30%;display: block;}
   .btn_3{width:60%;}
   @media only screen and (max-width: 900px){.buy-btn-main{width: 50%;}}
   @media only screen and (max-width: 500px){.buy-btn-main{width: 80%;} .header_subtext{font-size:20px;}}
   @media only screen and (max-width: 340px){.buy-btn-main{width: 100%;}}

   .section-infofooter .buy-btn-nav:hover,.section-infofooter .buy-btn-nav:hover,.buy-btn-main:hover,.buy-btn-main:focus,.orderform .buy-btn-nav:hover,.orderform .buy-btn-nav:focus,.section-form .buy-btn-nav:hover,.section1 .buy-btn-nav:hover,.section1 .buy-btn-nav:focus, .product-with-price .buy-btn-nav:hover,.product-with-price .buy-btn-nav:focus{    background: rgb(83,0,8);
    background: linear-gradient(#ffbd0b 0%,#ffbd0b 10%,#fbc100 50%,#cd9f00 100%);
    color: #000 !important;
    border: none;
    box-shadow: 1px 1px 1px #000!important;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}
   .priceheader{font-size: 20px !important;color:#004d95!important;font-weight: 500!important;}


   .box-price{display:block;width:100%;border-radius: 20px;border:3px solid #3a628e;background-color:#3a628e}
   .box-price-in{display:block;width:100%;border-radius: 15px;background-color:white;line-height: 30px;margin:0px !important;padding:5px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
   .box-price-in img{width: 100%;}

   .box-price-head1{font-size: 21px;padding: 10px 0px;display: block;color: white;}

   .oldprice{font-size: 20px;text-decoration: line-through;font-weight:500;color:black}
   .newprice{font-size: 30px;font-weight:600;color:#778c14}

   .newprice, .oldprice {text-align: right}
   .pic_most{position: absolute;top: 0;left: 0;width: 154px!important;}
   @media only screen and (max-width: 500px){
     td.priceheader {text-align: right}
     td.priceheader:after{content:':';margin-right:10px;display: inline-block;}
     .newprice, .oldprice {text-align: left}
     .product-with-price .buy-btn-nav{width: 80%;}
   }


table tr:nth-child(2) > td.priceheader{font-weight:600 !important}
   .box-price:hover .prices-box,.box-price:focus .prices-box{transform: translateY(0px);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

   /*.box-price:hover .box-price-in,.box-price:focus .box-price-in{padding-bottom:20px}*/

   .prices-box{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

   .box-price-head2{font-size: 30px;color:black;font-weight: bold;display: block;text-transform: uppercase;}
   .box-price-old{font-size: 20px;    margin: 5px 0px;text-decoration: line-through;font-weight:500;color:#424242;display: block;}
   .box-price-new{    font-size: 31px;
    font-weight: 600;
    color: red;
    display: block;}




 .box-price-col{
     min-height: 100px !important;
     display: flex;
     justify-content: center;
     align-items: center;
   }
 .box-price-col img{border-radius: 20px;    padding: 15px;background: white;}

@media only screen and (max-width: 992px){.pic_most{position: absolute;top: 0;left: 0;width: 100px!important;}}
@media only screen and (max-width: 600px){
  .box-price-col.s4{width:42% !important}
}
  .box-price{transition-duration: 500ms;}
 .box-price.activeprice, .box-price:hover{background-color: #c91414;border: 5px solid #c91414;transition-duration: 500ms;}
 /*.activeprice .box-price-in{border:3px solid #c91414;}*/
 .box-price.activeprice{transform: scale(1.07);}
 .buyform-stamp img{width:150px;padding: 10px;}
 @media only screen and (max-width: 550px){.pic_most{width: 80px!important;}}
 @media only screen and (max-width: 350px){.pic_most{width: 70px!important;}}

 /*tabs and collapsable top*/
   #info{margin:30px 0px;    margin-top: 10px;}
   .tabs{display: flex;flex-wrap: wrap;height: auto;    align-items: center;justify-content: center;}
   .tabs .tab{border: 1px solid #00346d;flex: 1;line-height: 23px;height: 55px;max-width: 200px;min-width: 160px;}
   .tabs .tab a:hover, .tabs .tab a.active {background-color: #00346d;color: #ffffff;}

   .tabs .tab a {
     align-items: center;
     justify-content: center;
     display: flex;
     white-space: normal;
     color: #00346d;
     font-weight: 700;
     font-size: 23px;
     width: 100%;
     height: 100%;
     padding: 0 24px;
     text-overflow: initial;
     overflow: unset;
     -webkit-transition: color .28s ease, background-color .28s ease;
     transition: color .28s ease, background-color .28s ease;
   }
   .tabs .indicator{display: none !important}
   .tabs .tab a:focus, .tabs .tab a:focus.active {background-color: rgb(0 52 109);}

   .tabbox{border: 1px solid #00346d;}
   @media only screen and (min-width: 1151px){/* tabs desktop*/
     .tabs-mobile li{ display: none !important}
   }
   @media only screen and (max-width: 1150px){/* tabs mobile*/
     .tabs-desktop { display: none}
     .tabs-mobile li{max-width: 100% !important;width:100%;flex: none !important;}
   }


 /*tabs box*/
 .certificate img{width:100%;max-width:600px;margin:0px auto;    display: block;margin-bottom: 20px;}

 .tabbox{padding: 10px 20px !important;white-space: normal;}

 .feature-icon-text{display: flex;align-items: center;margin:10px 0px}
 .feature-icon-text img{max-width:70px;margin-right:10px}
 .feature-icon-text span{font-size: 17px;    font-weight: 500;}
 .feature-icon-text span b{color:#18489c}

 @media only screen and (max-width: 700px){
     .feature-icon-text{flex-wrap: wrap;}
     .feature-icon-text img{margin:0px auto;margin-bottom:15px}
     .feature-icon-text span{text-align:center}
 }
 .text-header{text-align: center;font-weight: bolder;font-size: 35px;    margin: 50px 0px;}
 .text-header b{text-decoration: underline;color:#18489c}

 @media only screen and (max-width: 992px){
   .text-header{    font-size: 25px;
       margin: 15px 0px;}
 }

 .redbox{display: block;padding:15px !important;background-color:#d71a21;color:white;text-align:center;    font-size: 18px;}

 .feature-image-text{display: flex;align-items: center;margin:20px 0px;text-align: justify;}
 .feature-image-text img{max-width:350px;width:100%}

 .feature-image-text span b{color:#18489c}

 @media only screen and (max-width: 900px){
     .feature-image-text{flex-wrap: wrap;}
     .feature-image-text img{margin:15px auto;}
     .feature-image-text span{}
     .flex-reverse{flex-direction:column-reverse}
 }



 .info-black-box{border:3px solid black;padding:20px;display: block;}
 .info-black-box h5{font-weight: bolder;margin: 0px;}
 .info-black-box hr{background:black;width:100%;display: block;height:2px;margin:5px 0px}
 .info-black-box tr {border-bottom: 1px solid black !important}
 .info-black-box td {padding: 3px 0px !important;}
 .info-black-box tr td:last-child{text-align: right;}

 .info-icon-box{text-align:center;font-weight:bold;color: #17499c;font-size: 12px;text-transform:uppercase;padding:10px;margin:30px 0px}
 .info-icon-box img{max-width: 60px;}

 .info-blue-box{font-size: 19px;
     font-weight: 600;
     padding: 5px 10px !important;
     text-align: center;margin-top:5px}

@media only screen and (max-width: 420px){
     .box-price.activeprice{transform: scale(1.00001);}
 }


   /*reviews*/
   .blog_subtext{max-width:600px;margin:0 auto;}
   .change_text{margin-bottom: 80px;}
   .modal{max-height: 90% !important;;
 width: 90% !important;
 top: 5% !important;}



 .review-flex{    display: flex;
     flex-wrap: wrap;}


   .section-main{margin:20px 0px}


   .section-main h4{text-align:center;font-weight: bold;margin:50px 0px}
.section-form .col.s12.m4{max-height:580px}
#home .header-section{margin-top: -80px;}

   .review-boxed{padding: 0px !important;    position: relative;}

   .col-review-img{text-align: center;}
   .col-review-img img{width:100%;border-radius: 100%;}

   .col-review-text{position: relative;}


   .col-review-text .title:after{content: '';display: block;
       background: url(images/reviews.png);
       background-size: contain;
       width: 108px;
       height: 20px;
       background-repeat: no-repeat;margin-right:10px}
   .col-review-text .title{font-size: 16px;font-weight: 300;}
   .col-review-text .title b{    margin: 0 0 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;}
.col-review-text .title span{    font-size: 15px;font-weight: 300;}


.col-review-text{padding: 0 0 15px 60px;}
.col-review-text svg{height:20px;margin-right:5px}
.recomend{    display: flex;
font-size: 16px;
align-items: center;}


.col-review-img{    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;}

   .review-count{float: right;}
   @media only screen and (max-width: 1100px){.blog_subtext{max-width:500px!important;margin:0 auto;}
       .blog_subtext_v2{margin-bottom: -20px;}
   }
   @media only screen and (max-width: 992px){.change_text{margin-bottom: 20px;}
     .review-count{float: initial;text-align: center;display: block;width:100%;font-size: 18px;
       margin: 10px 0px;}
       .review-count:before{
     content: '';
     background: url(img/reviews-header.png);
     background-size: contain;
     width: 123px;
     height: 24px;
     background-repeat: no-repeat;
     display: block;
     margin: 5px auto;
     }

   }
 @media only screen and (max-width: 400px){.change_text{margin-bottom: 10px;}}
   /* footer*/
     footer{background-color: #e9e9eb !important;border-top:20px solid #004d95}
     footer h5{text-transform: uppercase;font-weight: bolder}
     footer ul{margin-top: 0px;}
     footer p,footer ul li{line-height: 28px;font-weight: 500;}
     footer ul a{    font-size: 15px;border-bottom:5px solid transparent;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
     footer ul a:hover{border-bottom:1px solid black}
     footer .socialsvg{margin-right:5px}
     footer .socialsvg svg{    width: 40px;}
     footer .footerlogo img{margin-bottom: 20px;width: 100%;max-width:190px}
     footer .social ul a{border-bottom:0px solid white}
     footer .social ul a:hover{border-bottom:0px solid white}
     footer .buy-btn-nav{color:black;background-color: #adca20 !important;}
     footer .buy-btn-nav:hover{opacity:0.8}
     footer .row{margin-bottom:0px !important}

     .social-btm{margin:10px 0px}
     @media only screen and (max-width: 992px){
      .social-btm {text-align:center;}
     }
     .page-footer {padding: 40px 0px;padding-top:0px !important;color:black}
     .review-btm img {margin:0px 5px;max-height:24px}
     .review-btm span{display: flex;align-items: center;justify-content: center;margin:5px 0px}

     /* slickslider*/
     .slick-dots{    text-align: center !important;padding-left: 0px !important;}
     .slick-dots li{    display: inline;text-align: center}
     .slick-dots li button{Font-family: Roboto,sans-serif !important;background: white;padding: 5px;line-height: 17px;width: 30px;height: 30px;margin-right: 5px;color:#6497e8;border: 0px;font-size: 23px;font-weight: 500;}
     .slick-dots li button:focus,.slick-dots li button:hover, .slick-dots li.slick-active button {outline: 0px dotted;outline: 0px;color: #164a9d;}
     .slick-dots {display:inline}

     .slick-dots li:last-child:after{content:'• • •';    background: white;
         padding: 5px;
         line-height: 17px;
         width: 30px;
         height: 30px;
         color: #6497e8;
         border: 0px;
         font-size: 23px;
         font-weight: 500;    letter-spacing: 6px;}

     .dots_slick{display: inline;}
     .slick-nav{display: flex;align-items: center;justify-content: center;}
     .slick-arrow{font-size: 0px;line-height: 0px;}
     ul:focus {outline: -webkit-focus-ring-color auto 0px;outline: 0px;}


/* media*/
#media{padding: 20px;border: 15px solid #9f0c0c;}


.media-slider  .media-box{padding:20px 10px;    margin: 10px;}
.media-slider  .media-box img{width:100%;margin:0px auto;margin-bottom:20px}
.media-slider  .media-box p{display:block;padding:00px 0px;color:black}
.media-slider  .media-box span{color:#144b9d;font-weight:bold;display:block}
.pic_bg{position: absolute;top: -66px;right: -31px;z-index: 5;}
.slick-initialized .slick-slide {
    display: flex;
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
}
.slick-track  {
      display: flex !important;
}

.slick-slide:focus {
    outline: -webkit-focus-ring-color auto 0px;
}



     .section-form.background1{    background-size: contain;
         background-repeat: no-repeat;}
     /* media queries*/
     @media only screen and (max-width:993px) and (min-height:601px) {
      .col-review-img.m2{width:12% !important}
     }
     @media only screen and (max-width:990px){.pic_bg {position: absolute;top: -26px;right: -24px;z-index: 5;width: 200px;}}
     @media only screen and (max-width:660px){.pic_bg {position: absolute;top: -26px;right: -23px;z-index: 5;width: 150px;}}
     @media only screen and (max-width:600px) and (min-height:540px) {
      .col-review-img.s3{width:20% !important}
      .h2_probio{margin-top: 45px!important;}
      .slick-arrow{margin-top:-20px;}
     }


     @media only screen and (min-width: 1201px){/* only desktop*/



       .show-on-xlarge-only {
           display: block !important;
       }
       .hide-on-xlarge-only {
           display: none !important;
       }
     }
@media only screen and (max-width:331px){.pic_bg {position: absolute;top: -31px;right: -22px;z-index: 5;width: 150px;}}
   @media only screen and (min-width: 993px){/* desktop*/

     .prices-box{min-width: 240px;}
     .mainnav{color: #000;background-color: #062145;}
     .nav-logo-big{    height: 100px;margin-top: -42px;}


     .inner .last{padding-left:20px;border-left: 2px solid #adca20;}
     .promo{height: 66px;}
     .review-btm{margin-top:20px}
     .review-btm span{justify-content: left;}
     .social ul{text-align: left}
     .tabs .tab{max-width: 100% !important}

   }

   @media only screen and (max-width: 992px){/* mobile*/
     .mainnav{background-color: #062145;}
     footer ul li,footer h5,footer p{text-align: center;}
     footer h5:after {margin: 10px auto !important;}
     footer .footerlogo {text-align: center}
     footer h5:after{width: 70px;}
     .social ul{text-align: center}
     footer svg{margin-left: initial}


     .box-price{margin-bottom:10px}
     .box-price:hover .prices-box,.box-price:focus .prices-box{transform: translateY(0px);}
     .box-price:hover .box-price-in,.box-price:focus .box-price-in{padding-bottom:initial}
     .box-price-col img {padding:0px !important}

     .box-price-head1 {
    font-size: 17px;
    padding: 2px 0px;
}

.section-main h4{    margin: 10px 0px;}
   }

   @media only screen and (max-width: 700px){/* mid custom*/
     .stars-text{display: block !important;padding-left:0px}
     .stars-text span{display: block;    text-align: center;}
     .stars-text img {display: block;margin: 0px auto;}

   }
   @media only screen and (max-width: 600px){/* mid framework*/

     .icon-top-mobile img{width: 65px;margin-top:10px}
     .box-price-in{    display: flex;}

     .box-price-head2{    font-size: 23px;}
     .formcard .buy-btn-nav{    font-size: 18px !important;
    padding: 10px 17px !important;
    margin: 6px auto;}

     .section-form .buy-btn-nav{    font-size: 16px;
    padding: 2px 17px;
    margin: 6px auto;}


    .box-price-new {
        font-size: 22px;}
  .box-price-old {font-size: 18px;margin:0px}
  .box-price-new.box-price-in {font-size: 22px;}
       .buyform-stamp img{width:100px;padding: 5px;}
   }
@media (max-width: 1024px) {
    .section1 .buy-btn-nav {
        font-size: 22px;
    }
}
   @media only screen and (max-width: 500px){
       .product-with-price {display: block}
       .col-product img{    padding: 10px 40px;}
       .col-price{padding:10px}
       .col-review-text:after{content:'';background: none;}
   }
   
    @media (max-width: 499px) {
        nav .brand-logo {
            left: 30%;
       }
       .nav-logo {
           padding: 12px;
       }
       .buy-btn-main, .orderform .buy-btn-nav, .section-form .buy-btn-nav, .section1 .buy-btn-nav, .section-infofooter .buy-btn-nav, .product-with-price .buy-btn-nav {
           font-size: 20px;
       }
    }

   @media only screen and (max-width: 400px){/* iphone5*/
     .icon-top-mobile img{width: 55px;margin-top:5px}
     .topbar .promo span{font-size: 14px;}

     .col-review-text{width:100% !important;margin-top:10px}
     .col-review-img.s3{width:100% !important;}
     .col-review-img img{max-width:60px;display: block;margin: 0px auto;}

     .col-review-text .title{    flex-wrap: wrap;    justify-content: center;}
     .col-review-text .title:before {margin-right: 0px;}
     .col-review-text .title span{width: 100%;text-align: center;}
     .col-review-text .title img{display: block;margin: 0px auto;}



     .bottom-buy-btn{display:block}

     .top-buy-btn{    height: 33px;
         line-height: 33px;
         padding: 0 11px;}
   }
   
   

   .topbar .promo span b{display: block;}
   @media only screen and (min-width:1201px)  and (max-width:1260px){
    .topbar .promo img {padding: 43px 0px;margin-right: 3px;}
   }

   @media only screen and (min-width:992px) and (max-width:1200px) {
    .topbar .promo img {padding: 40px 0px;margin-right: 5px;}
   }
   @media only screen and (max-width:991px) {
    .topbar .promo img {padding: 12px 0px;margin-right: 5px;}
   }


   @media only screen and (max-width: 460px){
    .topbar .promo img {padding: 18px 0px;margin-right: 5px;}
    .topbar .promo span{align-content: center;font-size: 14px;line-height: 13px;display: flex;flex-wrap: wrap;height: 64px;}
    .promo .inner{width:100%}}
   }


   @media only screen and (max-width: 350px){/* super small*/
     .slick-dots li:last-child:after{    padding: 0px;}
   }

   /*main*/
   .mainnav{border-bottom: 2px solid #00346d;}
   .priceform .new-price {
       color: #e60003;}
   .header-section{text-align: center;font-family: 'Roboto', sans-serif !important;margin:10px 0px}
   .header-section h2{font-size: 40px;font-weight: bolder;text-transform: uppercase;margin:20px 0px}
   .sub_test_s3{margin-top:-10px;}
   .header-section p{font-size:16px;}
   .header-section.leftalign{text-align: left;}

   @media only screen and (max-width: 992px){.header-section h2{font-size: 25px;margin-left: 1px!important;}.sub_test_s3{font-size:20px;}}
   @media only screen and (max-width: 330px){.width-mob{padding: 0 .25rem !important;}}
   /*home*/
   .home-box{position: relative;margin-bottom: 30px;padding: 15px 15px 15px 100px;color:#fff;background-color: #062145;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
   .home-box:hover,.home-box:focus{box-shadow: 0 0 12px #134c96;}
   .home-box h3{font-size: 40px;color: #fff;margin: 15px 0px;}
   .home-box img{left: 20px;top: 43px;width: 60px;position: absolute;}
   #home .buy-btn-main {width: 60%;}

   @media only screen and (max-width: 450px){.home-box img{top: 63px;}#home .buy-btn-main{width: 75%;} .half-box-inner .buy-btn-main{width: 90% !important;}}
   @media only screen and (max-width: 390px){.home-box{padding: 15px 15px 15px 80px;}.home-box img {left: 10px;width:50px;}}

   @media only screen and (max-width: 370px){.home-box{padding: 15px 15px 15px 60px;}.home-box img {left: 5px;width:50px;}}
   @media only screen and (max-width: 370px){.home-box h3 {font-size: 30px;margin-left: 15px}}
   @media only screen and (max-width: 380px){.home-box h3 {font-size: 34px;margin: 0px 0px;}}
   /*bacteria*/
   #info-bact{background-color: #e5eebf;}
   #info-bact .info-ingr-boxes .column2{display: flex;}
   #info-bact .info-ingr-boxes{    margin-bottom: 20px;}

   .half-box{    margin: 20px 0px 0 0px;  }
   .half-box-inner{    padding: 10px 20px;}

   .half-box-head {display: block;}
   .half-box-head h3{    padding: 20px 5px 15px 5px;font-size: 23px;text-transform: uppercase;font-weight: 700;margin: 0 0 10px;position: relative;z-index: 2;text-align:center;color:white}
   .half-box-head h3:before{content: "";left: 0;bottom: -10px;height: 30px;width: 100%;position: absolute;display: inline-block;z-index: -1;}

   .box-clr-1{background-color: #c7d8c8;}
   .box-clr-2{background-color: #f3c5ad;}

   .box-clr-1 .half-box-head h3:before{transform: skew(0deg, -2deg);}
   .box-clr-2 .half-box-head h3:before{transform: skew(0deg, 2deg);}

   .box-clr-1 .half-box-head,.box-clr-1 .half-box-head h3:before{background-color: #144b9d;}
   .box-clr-2 .half-box-head,.box-clr-2 .half-box-head h3:before{background-color: #eb3833;}

   .icon-bact{display:flex;flex-wrap: nowrap;}
   .icon-box-bact{text-align: center;display: inline-block;width: 100%;color: #144b9d;font-weight: 500;font-size: 16px;}
   .icon-box-bact img{width:100px;display: block;margin:0px auto}


   .half-box-inner ul li{display: flex;align-items: center;flex-wrap: wrap;margin-bottom:5px}
   .half-box-inner ul li img{width: 45px;    border: 0px solid #eb3833;    border-radius: 100%;margin-right: 10px;}
   .half-box-product{max-width: 140px;float: right;margin-left: 20px;margin-top: -120px;margin-right:10px}
   .half-box-inner .buy-btn-main {    width: 60%;}
.browser-default li{    display: list-item !important;}

   @media only screen and (max-width: 500px)
   {
     .icon-bact{flex-wrap: wrap;}
     .icon-box-bact {display: inline-flex;justify-content: flex-start;align-items: center;}
     .icon-box-bact img{display: inline;margin: 0px;margin-right: 5px;width:70px}
     .half-box-product{    display: block;float: left;margin-top: 0px;    margin-left: 0px;}
   }

   /*ingredients*/

   #info-ingr{background-color: #dadee3;margin-top: 40px;}
   .skewhead h2 {position: relative;background-color: #062145;z-index: 2;color:white;    top: 0px;
       padding: 15px;
       margin: 0 0 20px;
   }
   .skewhead h2:before {
       transform: skew(0deg, -2deg);
       content: "";
       height: 60px;
       width: 100%;
           top: -38px;
       left: 0;
       background-color: #062145;
       position: absolute;
       display: inline-block;z-index: -1
   }
   .info-ingr-boxes{padding-top: 40px;    display: flex;
       flex-wrap: wrap;}

   .angle-box-head {background-color: #455974;display: block;width: 50%;}
   .angle-box-head h3{padding: 5px 15px 5px 5px;
       font-size: 23px;
       font-weight: 700;
       margin: 0 0 10px;
       position: relative;
       z-index: 2;
     color:white}
   .angle-box-head h3:before{
     content: "";
     width: 36px;
     height: 100%;right: -12px;    top: 0px;
     position: absolute;
     display: inline-block;
     background-color: #455974;
     transform: skew(-21deg);
     z-index: -1;
     }
     .angle-box{    margin: 20px 15px 0 30px;}
       .angle-box img{max-width:170px;float: left;margin-left: 20px;}

   @media only screen and (max-width: 600px){.angle-box {margin: 5px 0px 0 10px;}.angle-box img {max-width: 100px;}
           .angle-box-head{width: 90%;}
           .skewhead h2:before {
            transform: skew(0deg, -2deg);
            content: "";
            height: 30px;
            width: 100%;
            top: -23px;
            left: 0;
            background-color: #062145;
            position: absolute;
            display: inline-block;
            z-index: -1;
        }
        .head_text_mob{font-size: 25px;}
        .head_subtext_mob{font-size: 20px;}
 }

    .p_payment {
       font-size: 14px; 
    }

   /*reviews section*/
    .vm_style{margin-top:40px;}
   .bg_pils_red{position: absolute;bottom: -65px;right: -75px;max-width: 310px;}
   .justify{text-align: justify !important;}
   .center{text-align: center;}
   .pos_rel{position: relative;}
   .review_p{padding-left: 40px;}
   .tick_review{position: absolute;top: -5px;left: 0;width: 35px;}
   .tick_review_v2{position: absolute;top: 10px;left: 0;width: 35px;}
   .review-box3{background-color:#fff;padding: 20px;border: 15px solid #9f0c0c;}
   .product-review-img{width:100%;max-width: 500px;}
   .product-review-img-v2{max-width: 450px;margin-top: 100px;}
   .review-box3 a{text-decoration: underline;color: black;font-weight: bold;    font-size: 17px}
   .review-box3 a:hover{text-decoration: none;}
   .btn-review{width: 50%;}
   #modal-ref .modal-close, #modal-reviews .modal-close{    position: absolute;
     top: 10px;
     right: 10px;
       background-color: white;
       border-radius: 100px;
       width: 30px;
       height: 30px;
       margin: 0px auto;}
   #modal-ref .modal-close svg,#modal-reviews .modal-close svg{width: 30px;padding: 5px;}
   .modal.modal-fixed-footer{    height: 100%;}
   .modal.modal-fixed-footer .modal-content{    height: 100%;}
    @media only screen and (max-width: 1425px){.bg_pils_red{position: absolute;bottom: -103px;right: -52px;width: 50%;}}
    @media only screen and (max-width: 1050px){.bg_pils_red{position: absolute;bottom: -80px;right: -41px;}}
   @media only screen and (max-width: 992px){.bg_pils_red{position: absolute;bottom: -120px; right: -40px;}.modal {max-height: 100% !important;width: 100% !important;top: 0% !important;}
   .product-review-img-v2{max-width: 450px;margin-top: 20px;}
   .width_s{width: 50%;}
   .btn-review{width: 80%;}
 }
  @media only screen and (max-width: 600px){.bg_pils_red{position: absolute;bottom: -90px; right: -30px;}}
  @media only screen and (max-width: 437px){.bg_pils_red{position: absolute;bottom: -50px; right: -30px;}}
  @media only screen and (max-width: 500px){.width_s{width: 80%;}
    .review-box3 {
      border: 10px solid #9f0c0c;
  }
}
@media only screen and (max-width: 380px){.bg_pils_red{position: absolute;bottom: -50px;right: -23px;}}


   /*info icon section*/
   .margin_sec{margin-top: 80px;}
   .run_man{width: 50%;}

   #info-icons{
     background: url(images/back-photo1-1.jpg);
     /*background-size: contain;*/
     background-repeat: no-repeat;
     background-color: #fff;    background-position: center;
     border:10px solid #f5f6f8;

   }
   .pos_abs_tick{position: absolute;top: 0;left: 0;}
   .div_p_tick{padding-left: 50px;}
   @media only screen and (min-width: 1340px){
     #info-icons{background-position-y: 70%;}

   }

   #info-icons .icon-box{text-align: center;    display: block;    display: block;padding-bottom: 45px 0px;    font-size: 16px;}
   #info-icons  .icon-box img{    width: 100px;display: block;margin:0px auto}




#info-icons .icon-box span{color: #144b9d;display:block;font-size: 22px;font-weight: bold;}

   @media only screen and (max-width: 992px){
     #info-icons{background: none;}
     #info-icons .icon-box{padding: 15px 0px;}

   }

   @media only screen and (min-width: 991px){
     .btn-icons-box{margin-top: -100px;}
   }
   /*faq*/
   .pic_comment{float: left;margin-right: 10px;}
   .h2_faq{font-size: 40px;background: #062145;padding-top: 10px;padding-bottom: 10px;text-transform: uppercase;color: #fff;font-weight: bolder;}
   .faqcollapse {border-top: 0px;border-right: 0px;border-left: 0px;margin: 0px;-webkit-box-shadow: none;box-shadow: none;}

   .faqcollapse .collapsible-header{background:#f2f4f6;position: relative;width:100%;   font-size: 18px;    border-bottom: 0px solid #ddd;}
   .faqcollapse  .collapsible-body {border-bottom: 0px solid #ddd;    padding: 0px 15px;}

   .faqcollapse li{margin-top:10px}
   .faqcollapse li:nth-child(1){margin-top:0px}

   .faqcollapse li.active .collapsible-header{font-weight: bold;  background-color: #f2f4f6;color:#062145}
   .faqcollapse li:hover .collapsible-header{font-weight: bold;  background-color: #f2f4f6;color:#062145}

   .faqcollapse .collapsible-header .dropicon{right:20px;position: absolute;width: 20px;height: 20px;background-image: url(img/p.svg);}
   .faqcollapse li.active .collapsible-header .dropicon{background-image: url(img/m.svg)}

    @media only screen and (max-width: 600px){.pic_comment{width: 200px;}.faqcollapse .collapsible-header{background:#f2f4f6;position: relative;width:100%;   font-size: 15px;    border-bottom: 0px solid #ddd;}}
    @media only screen and (max-width: 400px){.pic_comment{width: 150px;}}
     @media only screen and (max-width: 340px){.faqcollapse .collapsible-header{background:#f2f4f6;position: relative;width:100%;   font-size: 14px;    border-bottom: 0px solid #ddd;}}
    @media only screen and (max-width: 330px){.pic_comment{float: none;margin-left: 10%;display: block;width: 200px;}.faqcollapse .collapsible-header{background:#f2f4f6;position: relative;width:100%;   font-size: 12px;    border-bottom: 0px solid #ddd;}}
   @media only screen and (max-width: 992px){
    .heart_faq{width: 200px;}
    .h2_faq{font-size: 25px;}
  }

   /*top*/
   @media only screen and (max-width: 1105px){
     .desktop-nav li.left:last-child{display:none}
   }


   .section1 h4{margin-left: 60px; text-transform: uppercase;font-weight:bolder;text-align: left;font-size:35px;;line-height: 1em;text-shadow: 0 0 9px rgb(0 0 0 / 66%);color: white;}

   .skew-top {background-color: rgb(221 25 32 / 74%);transform: skew(0deg, -3deg);padding-top: 40px !important;padding-bottom:40px !important}
   .skew-top .skey-top-box{transform: skew(0deg, 3deg);}
   @media only screen and (max-width: 992px){
     .skew-top{background-color: rgb(221 25 32 / 74%);padding-bottom: 15px !important;}
     .skey-top-box{text-align: left}
   }


   .product-image-top{z-index: 9;position: relative;float: right !important;}
   .product-image-top-desktop{position:relative}
   .product-image-top-desktop img{position: absolute; top: -130px; right: -128px; width: 450px !important;}


   .skey-top-box img{width:60px;display: block;    margin: 0px auto;}
   .skew-container{margin-top: 40px;margin-bottom:100px}

   @media only screen and (max-width: 1600px){.product-image-top-desktop img{position: absolute; top: -100px; right: -82px; max-width: 450px !important;}}
    @media only screen and (max-width: 1500px){.product-image-top-desktop img{position: absolute; top: -100px; right: -45px; max-width: 420px !important;}}
    @media only screen and (max-width: 1350px){.product-image-top-desktop img{position: absolute; top: -48px; right: 0px; max-width: 120% !important;}}
   @media only screen and (max-width: 1200px){
     .section1  .container {width: 100% !important;}

   }
   @media only screen and (min-width: 993px){

     .product-image-top{display: none}
   }


   @media only screen and (max-width: 992px){
      .section1 h4{margin-left: 10px;}
     .skew-container{margin-top: 20px;}
     .product-image-top{float: left !important}

.section1 h4{text-align: left;font-size:5vw}
     .skew-top {transform: skew(0deg, 3deg);    }
     .skew-top .skey-top-box,.skew-top .buy-btn-nav{transform: skew(0deg, -3deg);}

     .skey-top-box{display: inline-flex;align-items: center;}
     .skey-top-box img{width:40px;display: inline;    margin:0px;margin-right:5px}

   }
   .product-image-top{margin-bottom: -25px;}

   @media only screen and (max-width: 800px){
     .skew-container {margin-top: -5px;}
     .background1{background-size: cover;height: 550px;margin-bottom: 40%;}
     .section1 h4{font-size: 8vw;padding-bottom: 15px;}
   }
   @media only screen and (max-width: 600px){
     .background1{height: 470px;margin-bottom: 50%;}
   }
    @media only screen and (max-width: 420px){
        .prod_mob{width:60%!important;}
    .margin_sec{margin-top: 30px;}
   .run_man{width: 80% !important;}
   }

   /*footer banner*/
   .container_f{width: 95% !important;}
   .section-infofooter h4{text-transform: uppercase;font-weight:bolder;text-align: left;font-size:60px;;line-height: 1em;}

   .section-infofooter:hover .arrowimg{-webkit-transform: scaleY(-1) rotate(-19deg);
     transform: scaleY(-1) rotate(-19deg) scale(1.1);;}

   .arrowimg{-webkit-transform: scaleY(-1) rotate(-19deg);
     transform: scaleY(-1) rotate(-19deg);
     width: 240px !important;
     top: -15px;
     position: absolute;
     right: 0px;-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }


   .bottom-fancy-text{color: #fff; transform: skew(0deg, -3deg);width:100%;display: block;text-align: left;    font-size: 35px;  line-height: 40px;margin-bottom: 35px;}


   .product-footer-image{position: relative;    z-index: -1;}
   .product-footer-image img{position: absolute;top: -100px;}

   @media only screen and (min-width: 993px){
     .bottom-fancy-text{width:60%}
     .bottom-skew{transform: scale(1.05);}
     .bottom-skew .skew-top {margin-top: 100px;}
   }

   @media only screen and (max-width: 992px){
    .bottom-fancy-text {transform: skew(0deg, 0deg)}
   .section-infofooter .skew-top{transform: skew(0deg, -6deg);}
   .section-infofooter .skew-top .skey-top-box{transform: skew(0deg, 0deg);}
   .product-footer-image {    transform: skew(0deg, 6deg) !important;}

   .bottom-row-first{padding: 50px 20px !important;}

     .section-infofooter h4{font-size:25px}


     .product-footer-image img{position: relative;top:0px;}
     .bottom-fancy-text{text-align: center;}
     .section-infofooter  .skey-top-box{display:block;    width: 100%;}

     .arrowimg{
         -webkit-transform: scaleY(-1) rotate(-19deg);
         transform: scaleY(-1) rotate(-107deg);
         width: 150px !important;
         top: 180px;
         position: absolute;
         z-index: 99999;
         right: 0px;
         left: -45px;}
         .section-infofooter:hover .arrowimg{-webkit-transform: scaleY(-1) rotate(-90deg)  scale(1.1);transform: scaleY(-1) rotate(-90deg) scale(1.1);}
         .section-infofooter .buy-btn-nav{transform: skew(0deg, 6deg)
       }
   }


   /*  payment  */

   .div_payment{background:#ececec;padding-top:10px;border-radius: 5px;}
   .p_payment_b{font-size:20px;margin-top:-5px;}
    .p_payment{margin-top:-15px;padding-bottom:10px;}

@media (max-width: 320px) {
    .buy-btn-main, .orderform .buy-btn-nav, .section-form .buy-btn-nav, .section1 .buy-btn-nav, .section-infofooter .buy-btn-nav, .product-with-price .buy-btn-nav {
       font-size: 16px;
    }
    .section1 h4 {
        font-size: 22px;
    }
    .skey-top-box img {
        width: 25px;
        margin-right: 11px;
    }
}
#top .box-img {
    padding: 0px 76px 0;
    margin-top: 25px;
    margin-bottom: -25px;
}
.img_top {
    width: 90px;
}
@media (max-width: 992px) {
    #top .box-img {
        position: absolute;
        display: flex;
        justify-content: flex-end;
        padding-top: 30%;
        padding-right: 22px;
    }
}
@media (max-width: 767px) {
    #top .box-img {
        padding-top: 35%;
    }
}
@media (max-width: 569px) {
    #top .box-img {
        padding-top: 40%;
    }
    .img_top {
        width: 70px;
    }
}
@media (max-width: 499px) {
    #top .box-img {
        padding: 165px 22px 0;
    }
    .img_top {
        width: 60px;
    }
}
@media (max-width: 320px) {
    #top .box-img {
        padding: 105px 22px 0;
    }
}