@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato|Roboto:300,400,500,700&subset=latin-ext');
* {background: none;color: #333;font-size: 18px;box-sizing: border-box;transition: 0.5s; font-family: 'Lato'; font-weight: normal}
p, li{margin-top: .8em}
a {color: blue}
ul{margin-bottom: .3em;margin-top: .4em}
li * li{font-size: 1em; margin-top: 0.1em}
h1, h2, h3{font-size: 2em;margin-top: .5em;margin-bottom: .3em;color: #145e67;font-family: 'Roboto';}
h2{font-size: 1.8em}
h3{font-size: 1.6em}
small{font-size: .4em}
.header{background-color: #ccc; padding: .3em}
#user_belt{display: inline-block; position: absolute; top: 4em; padding: .0em; background-color: rgba(0,0,0,0); width: 100%; text-align: right}
#user_belt .btn{background: rgba(0,0,0, .5) !important; border: none; border-radius: 0 !important; padding: 0.5em .8em;}
img{height: auto; max-width: 100%}
/**NAGŁÓWEK**/
.underheadbelt{height: 2.5em;}
.padding{padding: .5em}
header{position: fixed;display: inline-block;padding: 0;height: 5em;background: #fcc604;z-index: 1000;}
header #btn_logo h1{color: #fff;text-shadow: 1px 1px 1px #00ff00;font-size: 3em;margin-left:.2em;margin-top: 0;margin-bottom: 0;}
header ul, header ul li{height: auto;margin: 0;}
header ul{position: relative; display: inline-block;}
header ul li{display:  inline-block;position: relative;display: inline;height: 100%;}
header ul li a{
  display: -webkit-inline-box;
  display: -webkit-flex;
  display: inline-flex;
  height: 100%;
  margin:0;
  padding: 0;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: none;
  height: auto;
  }

.modal{display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);background-color: rgba(0,0,0,1); padding: .5em; box-shadow: .1em .1em .5em #444; text-align: right}
.modal .modal_btn{text-decoration: none; display: inline-block; padding: .5em; margin-top: -1em; color: #ccc; font-size: 1.2em; font-weight: bold}
.modal .modal_btn i{color: #ccc; font-size: 1.2em;}
.modal input, .modal a{margin: .2em 0}
header ul li a img{height: 2em;/* width: 50%; */margin: 0;}
.contact{background-color: #145e67;padding: 0!important;border: none;}
.contact p , .contact i {margin: 0;color: #fcc604;}
.contact img{margin-bottom: -.2em;}

#main_msg_belt{position: fixed; top: 4em; z-index: 1000}
.hidden{display: none;}
nav{text-align: right;position: relative;/* height: 2.4em; */}
nav ul{padding: 0; margin: 0; transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */}
nav ul li,nav ul li ul{height: 100%; margin: 0;}
/* nav ul li:hover>a{background-color: rgb(145, 30, 90);color: white} */
nav ul li a{padding: .4em .3em;color: #145e67;text-shadow: 0 0;font-size: .99em;}
nav ul li a i{color: #000; margin-left: .3em; background-color: rgba(0,0,0,0)}
/* nav ul li.active>a{color: #fff;text-shadow: 1px 1px 4px #000;background-color: rgb(145, 30, 90);} */
nav ul li.active>a i{color: #2c6367;}
nav ul a:after, nav ul a:visited:after {
  content: '';
  height: 2px;
  position: absolute;
  bottom: -0.9em;
  left: 0;
  width: 0%;
  background: #145e67;
  transition: 0.2s;
}
nav .dropped a:after, nav .dropped a:visited:after{
  bottom: -0.55em;
} 
nav ul a:hover:after, nav ul a:visited:hover:after, nav ul a.active:after {
  width: 100%;

}
nav ul a:hover{background:none;}
.dropped{border: solid 1px; min-width: 10em;}
.dropped a{display:  inline-block;border-bottom: dotted 1px #ccc;width: 100%;padding: 0.4em;font-size: 1.2em;text-shadow: 0 0;text-align: left !important;}
nav .hidden{display: none;}
nav .dropped{top: 170%;right: 0%;width: auto;position:absolute;z-index: 100000;height: auto;width: auto;padding: 0;float: right;text-align: left;background-color: rgba(255,255,255,1);}
nav .dropped .dropped,
nav .dropped .dropped .dropped{top: 0%;right: 100%;}
.breadcrumbs{margin-top: 0.1em;margin-bottom: .1em;}
.breadcrumbs li{display: inline-block;margin: 0}
.breadcrumbs li:before{content: '\\ '; color: #b8a13a}
.breadcrumbs li a{text-decoration:none}
.breadcrumbs li{font-size: .65em; }
.breadcrumbs li *{color: #145e67; font-size: 1em;}

.dropped li{margin: 0; height: auto;}
nav a:hover{background-color: rgba(0,0,0,.3)}
.btn{
  border: solid 1px #911e5a;
  padding: .5em;
  background-color: #181c1f !important;
  color: #fcc604;
  font-size: 1.4em;
  text-align: center;
  text-decoration:  none;
  /* box-shadow: 1px 1px 1px #000; */
  text-shadow: 1px 1px 1px #000;
  display: inline-block;
  border-radius: .2em;
}
.btn i{color: #fcc604;}
/***********************/
/**   STRONA GLOWNA   **/
/***********************/
html{

}
.section_header{
  display: inline-block; width: 100%;
  font-size: 1.5em;font-weight: bold;text-align: left;color:  #222222;text-indent: 1.5em;border-bottom: dotted 1px #911e5a;;background-image: url(/media/site/img/icon.png);background-repeat: no-repeat;background-size: auto 1.25em; margin-bottom: 0.5em; margin-top: 1em;padding: .12em}
.promoted{display: inline-block;}
.promoted .item{padding: .5em;width: 100%}
.promoted .img{display: inline-block; height: 13em; text-align: center;  overflow: hidden}
.promoted .img img{display: inline-block; vertical-align: middle;transform: translate(0%, 0%); width: auto; height: 110%; margin-top: -.1em }
.promoted .item:hover img{ margin-top: -.31em}
.promoted h1{font-size: 1em;font-weight: bold; color: #2e5495}
.promoted .item:hover h1{color: #181c1f}

.latest {}
.latest ul{display: inline-block; width: 100%; position: relative; overflow: hidden}
.latest ul li {display: inline-block; position: relative; width: 100%; margin: 0; padding: 0; padding-left: 1.5em; background: url(/media/site/img/grot.png); background-repeat: no-repeat; background-size: .8em;
background-position: .5em 0.2em;  }
.latest ul li *{display: inline-block; text-decoration: none; font-size: 1em; padding: 0; width: 100%; height: 100%; margin: 0; }
.latest ul li a{ display: inline-block; width: 100%; overflow: hidden}
.latest ul li a:after{
  content: '';
  height: 1px;
  position: absolute;
/*   bottom: 1em; */
  left: 1.5em;
  width: 0%;
  background: #911259;
  transition: 0.2s;
}
.latest ul li a:hover:after{
  width: 100%;

}

/**************************/
/**   LISTA PRODUKTÓW    **/
/**************************/
.product_list{display: inline-block; width: 100%;text-align: left;}
.product_list a{display: inline-block;text-decoration: none;text-align: left;}
.product_list .product_item{display: table;table-layout: fixed; vertical-align: middle; width: 100%;border-bottom: dotted 1px #181c1f; padding: 0.5em ;text-align: left; }
.product_list .product_item:hover{text-shadow: 1px 1px 1px #1e676f; transition: .05s}
.product_list img{display: table-cell; width: 100%;padding: 0;border: solid 1px #181c1f;box-shadow: 1px 1px 1px #fcc604;text-align: left;}
.product_list .product_item p{display: table-cell; vertical-align: middle; width: auto; padding: .5em; text-align: left; text-shadow: 0 0 1px #fcc604; font-size: 1.2em}
.product_list .product_item p:nth-child(2){width: 80%;}:nth-child(1)
.product_list .product_item p:nth-child(3){width: 10%;}

.product_list a.b, .product_list input {border: solid 1px #145e67; padding: 0 !important; margin: 0 !important; height: 2em; font-size: 1em;
text-align: center; line-height: 1.8em; border-radius: 0; background-color: #fff !important;
}
.product_list a.b{background-color: #145e67 !important; color: #fcc604}


/* <div style="display:table;">
  <div style="display:table-cell;vertical-align:middle;">
    <div style="width:100%;"></div>
  </div>
</div> */
/**************************/
/**        ZGODY         **/
/**************************/
.checkbox{; height: auto!important; margin-top: .5em}
.checkbox * {color: green; font-size: 1.2em; font-weight: normal;  border-radius: .3em; height: auto!important}
.checkbox.required{border: none;}

/**************************/
/**       PRODUKT        **/
/**************************/
.list-header, .list-summary{border: solid 1px #712e1a; background-color: #145e67; color: white; padding: .5em; font-size: 1.1em}
.list-header, .list-summary *{color: #fff}
.list-header div, .list-summary div{height: 100%;color: #fff;}
.list-header strong{color:  #fcc604; font-weight: bold;  font-size: 1.5em}
.list-row{border: dotted 1px #712e1a; padding: .5em; font-size: 1.1em}
.list-row label{font-size: 1em; font-weight: normal;}
.basic_img img{width: 100%; border: solid 1px #145e67;box-shadow: 0 0 4px #fcc604;}
.price_box h1{font-size: 3.5em; margin: 0; padding: 0;text-align: center;}
.price_box p{margin: 0; text-align: center}
/**************************/
/**   DANE KONTAKTOWE    **/
/**************************/
.contact_data{
  border: solid 1px #ccc; padding: .5em
}
.contact_data div {
  border: solid 1px #ccc; padding: .5em
}
/*********************/
/**   GALERIE, MATERIALY DO POBRANIA       **/
/*********************/
.article_galleries{}
.article_galleries h1{font-size: 1em}
.article_galleries img{height: 12em; width: auto;}
.article_galleries .article_gallery{border-top: dotted 1px #911e5a;}
.article_galleries ul li{margin: 0; margin-left: 1.5em; padding: .2em}
.article_galleries ul li:hover{background-color: #fcc604;}
.article_galleries ul li a{text-decoration: none; color: #181c1f}
.article_galleries .description{}


/* KOMENTARZE */
.comment_controls_belt{display: inline-block; width: 100%;}
.comment_controls_belt .btn{font-size: 1em; padding: 0.2em .7em; margin: 0; width: auto}

/*POPRAWKA DO LIGHTBOXA */
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  /* width: 100%; */
  background: none!important;
 }
/*********************/
/**   FORMULARZE    **/
/*********************/
.required{border: solid 2px #145e67;/* color: red; */}
input, textarea, button, label, select{display: inline-block;font-size: 1.1em;padding: .3em .5em;height: auto;background-color: #ffffff;border-radius: .2em;text-align: center;background-color: #eee !important;position: relative;color: #000;width: 100%;margin: .1em 0;}
label{text-align: left}
input[type="radio"]{width: auto}
label{color: #444 !important; padding-left: 0 !important}
/*CHECKBOX*/
.frontend_checkbox { display: inline-block; float: left; }
.frontend_checkbox input {display: none;}
.frontend_checkbox label { border-left: solid 3px #5A3C50; display: inline-block; float: left; height: auto; padding: .5em !important; font-size: 1.2em; width: 100%;text-align: left }
.frontend_checkbox.required{}
.frontend_checkbox.required label {border: 0}
.frontend_checkbox input[type="checkbox"]:checked + label {border-left: solid 3em #5A3C50 !important; border-radius: 0}

/*RADIO*/
.frontend_radio { display: inline-block; float: left; }
.frontend_radio input {display: none;}
.frontend_radio label { border-left: solid 3px #5A3C50; display: inline-block; float: left; height: auto; padding: .5em !important; font-size: 1.2em; width: 100%;text-align: left }
.frontend_radio.required{}
.frontend_radio.required label {border: 0}
.frontend_radio input[type="radio"]:checked + label {border-left: solid 3em #5A3C50 !important; border-radius: 0}

/*****************/
/**   SEKCJE    **/
/*****************/
.obj_panel a, .obj_panel a *{font-size: 20px; font-weight: bold; color: #9b2424; padding: .3em; background-color: #e5f7e5; margin-top: .1em; display: inline-block;  text-align: center;border: solid 1px #ccc; }
.obj_panel a i{border: none; margin: 0}
#forum_comment_edition{display: none; width: 100%; height: auto; overflow: hidden;}
.comment {margin-bottom: 1em;overflow:  hidden;}
.comment .nick, .comment .controls{text-align: right}
.comment .nick{text-align: left;}
.comment a{border: none; background: none; text-decoration: none; font-weight: normal; }
.comment .content, .comment .content strong{font-size: 18px}
.comment .content strong{color: #9c2424; font-weight: bold}

/*********************/
/** STRONICOWANIE **/
/*********************/
.pagination{display: inline-block; width: 100%; text-align: center;padding: 1em}
.pagination *{text-decoration:none}
.pagination li{display: inline-block;border: solid 4px rgba(24, 28, 31, 0.1);padding: .5em;border-radius: 50% 60%;background-color: rgb(255, 255, 255);font-weight: bold;}
.pagination li *{background-color: rgba(0,255,0,0);}
.pagination .active{border: solid 4px rgb(24, 28, 31);padding: .5em;border-radius: 50% 60%;background-color: rgb(252, 198, 4);}
.pagination .disabled{border: solid 4px rgba(24, 28, 31, 0.1);background-color: rgb(255, 255, 255);}

/***************/
/** big_belt  **/
/***************/
.big_belt{height: 40vh; overflow: hidden; position: relative; display: flex}
#most_important, #important{position: relative;height: auto;overflow: hidden;background: none}
#important{padding: 0em 0em 0em .2em;}
#most_important img{display: inline-block;position: absolute;width: 100%; top: -9999px;left: -9999px;right: -9999px;bottom: -9999px;margin: auto;}
#most_important .intro{position: absolute; z-index: 100000; bottom: 0; left: 0; background: rgba(0,0,0,.5); padding: 1em;}
#most_important .intro *{color: white;}
#most_important .intro h1{font-size: 1.5em;}
#important .item{
  position: relative;
  border: solid 1px #fff;
  border-left: solid 4px #fff;
  height: 50%;
  padding: 1em;
  overflow: hidden;
}
#important .item a{
  position: absolute; z-index: 100000; bottom: 0; left: 0; background: rgba(0,0,0,.6); padding: 1em;color: white; width: 100%;font-weight: bold; text-decoration: none;
}
#important .item a h1{color: white; font-size: 1.2em}
#important img{display: inline-block;position: absolute;width: 100%;  top: -9999px;left: -9999px;right: -9999px;bottom: -9999px;margin: auto;}
#cartInfo{display: inline-block; width: 100%;; border: solid 1px #ccc; border-radius: 2em 2em; padding: .5em; text-align: right; background-color: #444; font-size: 1.5em; color: #ccc;}
#cartInfo *{color: #fcc604;}
#cartInfo .btn{display: inline-block; width: 100%;height: auto; font-size: 1em; padding: .2em .5em; border-radius: .3em; border-radius: 2em 2em; background-color: #181c1f !important;box-shadow: 0 0 4px #ccc}

/***************/
/**  STOPKA   **/
/***************/

/***************/
/** ARTYKUŁY  **/
/***************/
.articles_list{min-height: 78vh}
.articles_list .item{border: dotted 1px #ccc;height: auto;width: 100%;height: 4em;margin-bottom: .3em;padding: .3em;overflow:  hidden;}
.articles_list .item a{display: inline-block; width: 100%;}
.articles_list .item img{height: auto;float: left;width: 5%;}
.articles_list .item h1{float: left; font-size: 1.2em; padding: .3em .5em}
.articles_list .item p{color: #444; padding: 0em .5em; font-size: 1em; display: inline-block; width: 100%;}
.articles_list .item *{text-decoration: none; }

.contentreview{padding: .5em;}
.contentreview li{list-style-type:none; margin: 0; padding: 0; border-bottom: dotted 1px #ccc}
.contentreview li a{display: inline-block; width: 100%;text-decoration: none; color: #444; font-weight: bold; padding: .5em}
.contentreview li a:hover{background-color: #ccc;}

.leftaside{padding: .5em;}
.leftaside li{list-style-type:none; margin: 0; padding: 0; border-bottom: dotted 1px #ccc}
.leftaside li a{display: inline-block; width: 100%;text-decoration: none; color: #444; font-weight: bold; padding: .5em}
.leftaside li a:hover{background-color: #ccc;}

footer{display: inline-block;width: 100%;background-color: #181c1f;padding-bottom: 1em;margin-top: -.3em;margin-bottom: -.5em;}
footer * {color: #fcc604; font-size: 1em; }
.banner{display: table;height: 70vh;background-size: cover; vertical-align: middle; background-position: top;}
.banner *{text-decoration: none; color: #145e67; text-shadow: 1px 1px 4px #fff; font-weight: bold; font-size: 18px}
.banner .content{background-color: #ffffff73;display: table-cell; vertical-align: middle; margin-top: 7%; padding: 0.5em 1em; }

.convert_btn, .convert_btn *{background-color: green; color: #fff !important; }
.convert_btn{display: inline-block; margin-top: 2em !important;padding: 0.3em;border-radius: .3em}
@media only screen and (max-width: 320px){
  header #btn_logo h1{font-size: .8em}
  #btn_main_menu, #btn_main_menu_close, #btn_phone{background: none!important;color: white !important;position: fixed;top: 0em;left: auto;right: 0.2em;width: auto;font-size: 2.8em;border-bottom: none !important;padding: 0.1em;}
  #btn_phone{right: 2em;}
  #btn_main_menu i, #btn_main_menu_close i, #btn_phone i{color: rgb(145, 30, 90) !important;}
  nav{width: 100% !important;height: auto;}
  nav *{text-align: center;background-color: rgba(0,0,0,0);border: none !important;}
  nav ul{ width: 100%; }
  nav a{width: 100%; text-align: left !important; background-color: rgb(242, 249, 242); border-bottom: dotted 1px #ccc !important; padding: 0}
  nav a:hover{ background-color: rgb(145, 30, 90) !important;height: auto}
  nav .dropped, nav .dropped .dropped {position: relative;width: 100% !important;top: 0 !important; left: 0}
  .dropped li a{padding: 1em; !important; display: inline-block; width: 100%; text-align: center !important; width: 100%; ;}
  #big_belt{height: 80vh;}
  .product_list img{float: none;/* height: 3em !important; */display: inline-block;clear:both !important;}
  #cartInfo{text-align: left}
  .product_list li div{height: 3em; font-size: .71em}
  .articles_list .item{display: inline-block; border: dotted 1px #ccc; height: auto; width: 100%;height: auto; margin-bottom: 2em; padding: .3em}
  .articles_list .item img{height: auto; width: 100%; float: left}
  .articles_list .item h1{font-size: 1.5em; padding: .3em .5em; text-align: center;width: 100%; }
  .banner{display: table; height: 80vh; background-size: cover; background-position: center;vertical-align: middle;}
  .banner *{text-align: center;text-decoration: none; color: #222; text-shadow: 1px 1px 2px #fff; font-weight: bold; font-size: 36px}
  .banner a{display: table-cell; vertical-align: middle}
  .banner .item {background-color: #ffffff94; width: 100%; margin-left: 0%;border: solid 1px red; padding: 2em; box-shadow: 0 0 2px #222}
  .banner p{font-size: 20px;}
}
@media only screen and (min-width: 321px) and (max-width: 480px){
  header #btn_logo h1{font-size: .8em}
  #btn_main_menu, #btn_main_menu_close, #btn_phone{background: none!important;color: white !important;position: fixed;top: 0em;left: auto;right: 0.2em;width: auto;font-size: 2.8em;border-bottom: none !important;padding: 0.1em;}
  #btn_phone{right: 2em;}
  #btn_main_menu i, #btn_main_menu_close i, #btn_phone i{color: rgb(145, 30, 90) !important;}
  nav{width: 100% !important;height: auto;}
  nav *{text-align: center;background-color: rgba(0,0,0,0);border: none !important;}
  nav ul{ width: 100%; }
  nav a{width: 100%; text-align: left !important; background-color: rgb(242, 249, 242); border-bottom: dotted 1px #ccc !important; padding: 0}
  nav a:hover{ background-color: rgb(145, 30, 90) !important;height: auto}
  nav .dropped, nav .dropped .dropped {position: relative;width: 100% !important;top: 0 !important; left: 0}
  .dropped li a{padding: 1em; !important; display: inline-block; width: 100%; text-align: center !important; width: 100%; ;}
  #big_belt{height: 80vh;}
  .product_list img{float: none;/* height: 3em !important; */display: inline-block;clear:both !important;}
  #cartInfo{text-align: left}
  .product_list li div{height: 3em; font-size: .71em}
  .articles_list .item{display: inline-block; border: dotted 1px #ccc; height: auto; width: 100%;height: auto; margin-bottom: 2em; padding: .3em}
  .articles_list .item img{height: auto; width: 100%; float: left}
  .articles_list .item h1{font-size: 1.5em; padding: .3em .5em; text-align: center;width: 100%; }
  .banner{display: table; height: 80vh; background-size: cover; background-position: center;vertical-align: middle;}
  .banner *{text-align: center;text-decoration: none; color: #222; text-shadow: 1px 1px 2px #fff; font-weight: bold; font-size: 36px}
  .banner a{display: table-cell; vertical-align: middle}
  .banner .item {background-color: #ffffff94; width: 100%; margin-left: 0%;border: solid 1px red; padding: 1em; box-shadow: 0 0 2px #222}
  .banner p{font-size: 20px;}
} 
@media only screen and (min-width: 481px) and (max-width: 768px){
  header #btn_logo h1{font-size: .8em}
  #btn_main_menu, #btn_main_menu_close, #btn_phone{background: none!important;color: white !important;position: fixed;top: 0em;left: auto;right: 0.2em;width: auto;font-size: 2.8em;border-bottom: none !important;padding: 0.1em;}
  #btn_phone{right: 2em;}
  #btn_main_menu i, #btn_main_menu_close i, #btn_phone i{color: rgb(145, 30, 90) !important;}
  nav{width: 100% !important;height: auto;}
  nav *{text-align: center;background-color: rgba(0,0,0,0);border: none !important;}
  nav ul{ width: 100%; }
  nav a{width: 100%; text-align: left !important; background-color: rgb(242, 249, 242); border-bottom: dotted 1px #ccc !important; padding: 0}
  nav a:hover{ background-color: rgb(145, 30, 90) !important;height: auto}
  nav .dropped, nav .dropped .dropped {position: relative;width: 100% !important;top: 0 !important; left: 0}
  .dropped li a{padding: 1em; !important; display: inline-block; width: 100%; text-align: center !important; width: 100%; ;}
  #big_belt{height: 80vh;}
  .product_list img{float: none;/* height: 3em !important; */display: inline-block;clear:both !important;}
  #cartInfo{text-align: left}
  .product_list li div{height: 3em; font-size: .71em}
  .articles_list .item{display: inline-block; border: dotted 1px #ccc; height: auto; width: 100%;height: auto; margin-bottom: 2em; padding: .3em}
  .articles_list .item img{height: auto; width: 100%; float: left}
  .articles_list .item h1{font-size: 1.5em; padding: .3em .5em; text-align: center;width: 100%; }
  .banner{display: table; height: 80vh; background-size: cover; background-position: center;vertical-align: middle;}
  .banner *{text-align: center;text-decoration: none; color: #222; text-shadow: 1px 1px 2px #fff; font-weight: bold; font-size: 36px}
  .banner a{display: table-cell; vertical-align: middle}
  .banner .item {background-color: #ffffff94; width: 100%; margin-left: 0%;border: solid 1px red; padding: 2em; box-shadow: 0 0 2px #222}
  .banner p{font-size: 20px;}
}
@media only screen and (min-width: 769px) and (max-width: 992px){
  #btn_main_menu, #btn_main_menu_close, #btn_phone{background: none!important;color: white !important;position: fixed;top: 0em;left: auto;right: 0.2em;width: auto;font-size: 2.8em;border-bottom: none !important;padding: 0.1em;}
  #btn_phone{right: 2em;}
  #btn_main_menu i, #btn_main_menu_close i, #btn_phone i{color: rgb(145, 30, 90) !important;}
  nav{width: 100% !important;height: auto;}
  nav *{text-align: center;background-color: rgba(0,0,0,0);border: none !important;}
  nav ul{ width: 100%}
  nav a{width: 100%; text-align: left !important; background-color: rgba(0,0,0,0.95); border-bottom: dotted 1px #ccc !important; padding: 0}
  nav a:hover{ background-color: rgba(22,22,22,1) !important;height: auto}
  nav .dropped, nav .dropped .dropped {position: relative;width: 100% !important;top: 0 !important; left: 0}
  #big_belt{height: 80vh;}
  .product_list img{float: none; height: 3em !important;display: inline-block;clear:both !important}
  #cartInfo{text-align: left}
  .banner{display: table; height: 80vh; background-size: cover; background-position: center;vertical-align: middle; overflow: hidden;}
  .banner *{text-align: center;text-decoration: none; color: #222; text-shadow: 1px 1px 2px #fff; font-weight: bold; font-size: 36px}
  .banner a{display: table-cell; vertical-align: middle}
  .banner .item {background-color: #ffffff94; width: 100%; margin-left: 0%;border: solid 1px red; padding: 2em; box-shadow: 0 0 2px #222}
  .banner p{font-size: 20px;}
}
@media only screen and (min-width: 993px) and (max-width: 1199px){
  header #btn_phone, #btn_main_menu, #btn_main_menu_close{display: none;}
}
@media only screen and (min-width: 1200px) and (max-width: 1366px){
  header #btn_phone, #btn_main_menu, #btn_main_menu_close{display: none;}
}
@media only screen and (min-width: 1367px) and (max-width: 1980px){
  header #btn_phone, #btn_main_menu, #btn_main_menu_close{display: none;}
}
@media only screen and (min-width: 1981px){
  header #btn_phone, #btn_main_menu, #btn_main_menu_close{display: none;}
}