/* dCodes Framework:(c) TemplateAccess */


/*********************************************************************************************
-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-	
**********************************************************************************************/

/*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

.rev_bannercontainer { padding:5px 0; background-color:#fff; position:relative; position:relative; margin-left:auto; margin-right:auto; }
.rev_banner { height: 518px; position:relative; overflow:hidden; }


/*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */

@media screen and (max-width:1200px) {
.header .logo { margin: 7px 0; width: auto !important;}
.navbar-nav > li > a {  padding-left: 16px; padding-right: 16px;}
.nav ul.dropdown-menu { display:none;   }
.nav .dropdown.open ul.dropdown-menu {  display: block;}
.logo img {  height: 65px;}
.header {  height: 65px;}
.top-navigation-wrap { width: auto;}
.three-column-menu {  width: 100% !important; padding:0 !important; }
.menu-list { line-height: 17px !important; min-width: 100% !important;}
.menu-list > li > a:hover { background: #00b2d9 !important;}
.carousel-caption { top:5%; left:5%; right:5px;    }
.carousel-control.left,.carousel-control.right { width:80px; top:0; z-index:9999;  }
.move-nav-element {  margin-bottom: 20px;}
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
.navbar-nav > li > a { padding-left: 10px; padding-right: 10px;}
.call-us, .top-bar-block {
    margin-right: 0;
    padding-right: 8px;
}
.top-bar .loginarea li {
    padding: 0 5px;
}
.call-us span, .top-bar-block span {
    padding-left: 5px;
    font-size: 11px;
}
.logo img {
    height: 53px;
}

}
@media only screen and (max-width: 767px) {
    .container {  max-width: 100%;}
.guidedNavTwoCol .guidedNavContents { float: none; width: 100%;}
.guidedNavTwoCol .guidedNavWrapper { float: none; width: 100%;}
.guidedNavProductCell {  width: 33% !important;}
.logo img {  height: 65px;}
.navbar-toggle {   position: absolute !important;  right: 0;  top: -74px !important;margin-right: 0;}
.navbar {  min-height: 0 !important;}
    .header {  height: auto !important;  }
    .nav ul.dropdown-menu { display:none;   }
    .nav .dropdown.open ul.dropdown-menu {  display: block;}
.top-navigation-wrap {  width: 100%;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {  margin: 0; padding: 8px 15px;}
.navbar .nav > li.tab_active > a:after, .navbar .nav > li:hover > a:after, .navbar .nav > li > a:active:after { display:none;}
.dropdown-menu .divider { margin: 0; }
.nav .dropdown.open ul.dropdown-menu {   padding: 0;}
.navbar-collapse {  background: #00b2d9;  padding: 0;}
.nav.navbar-nav {  margin: 0;}
.menu-list { background: #ffffff;color: #444444; padding: 0 !important;}
.menu-list a { color: #777 !important;}
.searchcontent .search-static {  width: 100%;}
.searchcontent .search-static input {   width: 64%;}
input#ctl00_Search1_SearchButton { margin: 0; padding: 0 5px;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {

}
@media only screen and (max-width: 640px) {
.guidedNavProductCell {  width: 50% !important;}
.page-wrap h1 { font-size: 24px;   word-wrap: break-word;}
.forgot-password-layout-table,.login-layout-table { width:100% !important; }
.top-banner {width: 100%; float: left;  margin: 0 0px 20px; }
.top-banner img { width: 100%;}
.item-wrapper .overlay { width: 100% !important;}
.flex-control-paging li a {  width: 19px; }
#center_column .header h4:after {left: 0; right: 0; width: 153px; display: block;  bottom: -1px;    top: auto;}
#center_column .header h4 {  font-size: 18px;  }
.top-bar .loginarea > ul {   padding: 0;}
span.add-to-cart-quantity {  width: 100%;  display: block;  margin: 5px 0;}
.socialsharing_product button { margin: 3px 3px;  border: none;}
.carousel-inner > .item > img { width: 800px; max-width: 800px; position: relative; transform: translate(-50%,0);  left: 50%;}
.m-pikabu-viewport { overflow: hidden;}
.carousel-caption h2 {
    line-height: 90%;
    height: 130px;
    width: 130px;
    padding-top: 41px;
    padding-left: 12px;
    font-size: 40px;
    margin-left: 21%;
}
}
@media only screen and (max-width: 480px) {
.guidedNavProductCell {  width: 100% !important;}
.entityPageSortWrap select {
    width: 100%;
}
.carousel-inner > .item > img { width: 600px; max-width: 600px;}
.top-banner h3, .custom-banner-image h3 {
    padding: 4px;
    right: 10px;
    left: 10px;
}
span.label-new-2,span.label-new {
    left: 10px;
    padding: 10px 10px;
    right: 10px;
    text-align:center;
}
.social-wrapper ul li a {
    font-size: 1.23333em;
    height: 44px;
    line-height: 37px;
    margin: 3px;
    width: 44px;
}
.social-wrapper ul li {
    height: 45px;
    margin: 0 5px 5px;
    width: 45px;
}
.account-form .form-group,.account-form .first-name, .account-form .last-name, .account-form .password-one, .account-form .password-two {  width: 100%;}
.add-to-cart-buttons input {
    width: 100% !important;
    margin: 0 0 10px;
}
p.socialsharing_product {
    margin-bottom: 15px;
}
.product-page .add-to-cart-group .quantity-field { height: 36px !important; width: 90px;}
.product-page .product-info-wrap {  margin: 0;}
.nav-tabs > li {  width: 100%;}
.nav-tabs > li.active > a {  margin: 0;}
.socialsharing_product button {  width: 47% !important;  margin: 3px 3px;  border: none;}
.s_title_block {  font-size: 14px;}
.payment-page .card-ccv,.payment-page .card-type { width: 100%;}
.payment-page .credit-card-form .month-year .form-control { width: 47%;}
}