@charset "utf-8";

/* CSS Document */

body {
    background: #ffffff;
    margin: 0px;
    padding: 0px;
}
.menubg{ background: #191919; border-bottom: 1px solid #ff0606;}
.pagination{ display: block; position: absolute;
right: -500px;
top: -80px;}
.pagination a{ color: #fff;
padding: 3px 6px;
border: 1px solid #fff;
margin: 0px 4px;}
.tes{ 
    font-size: 0px;
position: absolute;
right: 145px;
height: 40px;
background: 0px;
border: 0px;
padding: 15px;
    
}

.breadcrumb{
    float: left;
    background: none;
width: 100%;
    text-align: left;
}
.breadcrumb a{ color: #ffffff; font-size: 15px;}
.certibg {
    background: #000;
}

.topbg {
    background: #ff0606;
    float: left;
    width: 100%;
}

.headerbg { padding: 0px !important; background: url(image/headerbg.jpg) no-repeat; background-size: 100% 100%;}

.headerbg .headbg {
    padding: 0px 0px;
}

.phone {
    float: left;
    width: 41%;
    background: url(image/phone.png) no-repeat left;
    padding-left: 20px;
    color: #fff;
    margin-top: 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.email {
    float: left;
    width: 47%;
    background: url(image/email.png) no-repeat left;
    padding-left: 35px;
    color: #fff;
    margin-top: 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.newsletterbg {
    background: url("image/instabg.png") no-repeat;
    background-size: 100% 100%;
}
.newsletterbg2 {
    background: url("image/instabg2.jpg") no-repeat;

}

#google_translate_element {
    float: left;
    margin-top: 16px;
}

.logo {
    float: left;
    width: 100%;
    padding: 20px 0px;
}

.social {
    float: right;
    width: 100%;
    text-align: center;
    margin: 0px 0px;
}

.social a {
    color: #b2b2b2;
    border: 0px solid #1b1b1b;
    border-radius: 20px;
    padding: 4px 11px;
    font-size: 16px;
    margin: 0px 4px;
}

.social-top {
    float: right;
    margin-top: 16px;
}

.social-top a {
    color: #fff;
    float: left;
    padding: 3px 5px;
    font-size: 16px;
}
.top-phone{ float: left; margin: 27px 0px 0px 0px;}
.top-phone span{ color: #333333; font-size: 14px; font-family: 'Lato', sans-serif; float: left; width: 81%; padding-left: 10px;}
.top-phone i{ color: #ffffff; font-size: 18px; font-family: 'Lato', sans-serif; float: left; width: 81%; padding-left: 10px; font-weight: 800;}
.top-phone img{ float: left;    width: 19%;}
.box {
    display: inline-block;
    padding: 0px 0 0;
    margin-top: 6px;
    float: right;
}

.container-2 {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.container-2 input#search {
    height: 40px;
    box-shadow: none;
    color: #000 !important;
    float: left;
    font-size: 14px;
    margin: 0;
    padding-left: 40px;
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
    width: 0;
    border: 0px;
    margin-right: 11px;
    background: none;
    border: 0px solid #000;
    border-radius: 40px;
}

.container-2 input:focus {
    box-shadow: none;
}

.container-2 input#search::-webkit-input-placeholder {
    color: #000;
}

.container-2 input#search:-moz-placeholder {
    color: #000;
}

.container-2 input#search::-moz-placeholder {
    color: #000;
}

.container-2 input#search:-ms-input-placeholder {
    color: #000;
}

.container-2 .icon {
    color: #000;
    left: 10px;
    position: absolute;
    top: 8px;
    z-index: 1;
    cursor: pointer;
    background: url(image/search.png) no-repeat center;
    height: 25px;
    width: 25px;
}

.container-2 span.icon i {
    font-size: 16px;
    color: #fff;
    margin-top: 2px;
    margin-left: 2px;
}

.container-2 input#search:focus,
.container-2 input#search:active {
    outline: none;
    width: 170px;
    color: #000;
}

.container-2:hover input#search {
    width: 170px;
    color: #000;
}

.container-2:hover .icon {
    color: #fff;
}

.top-adress {
    color: #ffffff;
    font-size: 13px;
    line-height: 35px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.top-email {
    color: #ffffff;
    font-size: 13px;
    line-height: 35px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    padding-left: 0px;
}
.top-email img{ margin-right: 7px;}
.top-adress img{ margin-right: 7px;}
.featurebg {
    background:url(image/feature-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 50px !important;
    padding-top: 40px !important;
}
.carousel-inner .box1{ margin-bottom: 50px;}
.featurebg .cat {

}
.cat1 img{ width: 100%;}
.cat1:hover img {
    border: 0px solid #d10201;
    transition-duration: 2s;
}
.cat1{padding:0px 0px !important;}
.cat1 img {
    border: 0px solid transparent;
}

.cat1 h2 {
    position: absolute;
    background: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
    z-index: 111;
    padding: 10px 30px;
    bottom: 50px;
    width: 80%;
    text-align: center;
    margin: -50px 0px 0px 30px;
}

.cat1:hover h2 {
    background: #d10201;
}

.top-basket {
    float: right;
    margin-top: 20px;
}

.top-basket span {
    position: absolute;
    color: #fff;
    font-size: 12px;
    top: 20px;
    right: 29px;
}
.search{ float: right; background: #505050 url("image/search.png") no-repeat; background-position: 295px 10px; color: #999999; height: 40px; width: 325px; border: 0px; padding: 0px 10px;}
.menu {
    float: left;
    width: 100%;
}

.menu ul {
    float: left;
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.menu ul li {
    float: left;
    padding: 0px 0px 0px 0px;
}

.menu ul li a {
    float: left;
    color: #ffffff;
    padding: 20px 30px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}

.menu ul li a:hover {
    text-decoration: none;
    color: #d01818;
}

.menu ul li ul {
    margin-top: 45px;
    z-index: 1111;
    padding: 0px;
    list-style: none;
    width: 250px;
    background: #d01818;
    position: absolute;
    display: none;
}

.menu ul li ul a:hover {
    background: #000;
    width: 320px;
}

.menu ul li:hover ul {
    display: block;
}

.menu ul ul li {
    width: 100%;
    float: left;
    background: url(image/ulli.png) no-repeat bottom left;
    background-size: 100%;
}

.menu ul li ul li a {
    text-decoration: none;
    color: #FFF;
    font-weight: 700;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 10px;
    float: left;
}

.menu ul li ul li a:hover {
    background: #000;
    color: #FFF;
    width: 250px;
}

.carousel {
    float: left;
    width: 100%;
}

.carousel img {
    width: 100%;
}

.catbg {
    padding: 0px;
    background: #121212;
}

.cat2 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 80px 0px 0px 0px;
    color: #585858;
    font-family: 'Open Sans', sans-serif;
}

.cat {
    float: left;
    width: 100%;
    margin-top: 0px;
    text-align: center;
    font-size: 32px;
    color: #000;
    text-transform: uppercase;
    padding: 50px 0px 20px 0px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
background: url("image/line.jpg") no-repeat bottom center;
}

.cat span {
    color: #d01818;
}
.certi{ text-align: center; width: 100%;}
.certi img{ margin: 0px auto;}

.centerbg {
    padding: 0px 0px 50px 0px;
    text-align: center;
    background: #000;
}

.content {
    float: left;
    width: 100%;
    text-align: center;
    color: #b4b1b1;
    font-size: 11px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 25px;
}

.more {
    float: left;
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    margin: 0px auto;
}

.pro_box {
    float: left;
    background: #FFF;
    margin: 10px 0px;
}

.code {
    float: left;
    width: 100%;
    text-align: center;
    color: #111112;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    padding: 10px 0px;
}

.product-name {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    padding: 10px 0px;
}

.mapbg {
    float: left;
    width: 100%;
    background: url(image/map.png) no-repeat;
    background-size: 100% 100%;
}

.adbg {
    background: #141517;
    margin: 90px 0px;
    height: 260px;
}

.adres {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin-top: 60px;
}

.adres strong {
    font-weight: 400;
    font-family: 'Russo One', sans-serif;
    font-size: 22px;
    padding-left: 50px;
    text-transform: uppercase;
    padding-right: 30px;
}
.footer-logo{ float: left; width: 100%; border-bottom: 1px solid #4a4a4a; padding: 15px 0px; text-align: center;}
.foterbg {
    padding: 0px !important;
    background: #2a2a2a;
    padding-bottom: 30px;
    margin-top: 0px;
}
.foterbg p{ color: #a9aeb3; font-size: 15px; font-family: 'Lato', sans-serif;}
.flogo {
    float: left;
    padding: 30px 0px 30px 0px;
    background: url("image/flogobg.png") no-repeat bottom;
    width: 100%;
    text-align: center;
}

.f_about {
    float: left;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 10px;
}

.copy {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #949494;
    font-family: 'Lato', sans-serif;
    padding: 15px 0px;
    text-align: center;
}

.foter2 {
    float: left;
    width: 100%;
    border-top: 0px solid #bcbcbc;
    background: #000000;
}

.ftitle {
    float: left;
    width: 100%;
    text-transform: capitalize;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    padding: 45px 0px 20px 0px;
    font-weight: 700;
}

.fmenu {
    float: left;
    width: 100%;
}

.fmenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.fmenu ul li {
    float: left;
    width: 100%;
}

.fmenu ul li a {
    color: #b2b2b2;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    float: left;
    padding: 5px 0px 5px 0px;
    text-transform: capitalize;
}

.fmenu ul li a:hover {
    color: #catbg;
}

.news {
    float: left;
    color: #a9aeb3;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.news strong {
    float: left;
    width: 100%;
    padding: 7px 0px;
    color: #fff200;
}

.navbar-toggle {
    border: 1px solid #000;
    margin-bottom: 3px;
    margin-top: 3px;
}

.navbar-toggle .icon-bar {
    border: 1px solid #000;
}

.pos {
    position: absolute;
    z-index: 111;
    top: 10px;
    left: 10px;
}

.formbg {
    padding: 15px;
    background: #1c1c1c;
    margin-top: 20px;
}

.form-title {
    float: left;
    width: 100%;
    text-align: center;
    background: #FFF;
    color: #353535;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    padding: 13px 0px;
    text-transform: uppercase;
}

.form-main {
    float: left;
    background: #353535 url(image/mail.png) no-repeat;
    background-position: 20px 0px;
    width: 100%;
    height: 150px;
    color: #fff;
    padding: 25px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.form-email {
    float: left;
    width: 70%;
    height: 52px;
    background: #1c1c1c;
    padding-left: 10px;
    color: #6e6d6d;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    border: 0px;
    margin: 25px 0px 25px 35px;
}

.form-sub {
    background: #FFF;
    float: left;
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    height: 52px;
    border: 0px;
    margin-top: 25px;
}
.footerdhl{
    padding: 20px 0px;
    margin: 40px 0px 10px;
    border-bottom: 1px solid #4a4a4a;
    border-top: 1px solid #4a4a4a;
    width: 100%;
    float: left;
}
.icon1 {
    float: left;
    background: url(image/adres1.png) no-repeat left;
    padding-left: 25px;
    color: #a9aeb3;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    background-position: 0px 2px;
}

.icon2 {
    float: left;
    width: 100%;
    padding: 10px 0px;
    background: url(image/adres2.png) no-repeat left;
    background-position: 0px 12px;
    padding-left: 25px;
    color: #a9aeb3;
    font-size: 14px;
    font-family: 'lato', sans-serif;
}

.icon3 {
    float: left;
    background: url(image/adres3.png) no-repeat left;
    background-position: 0px 4px;
    padding-left: 28px;
    color: #a9aeb3;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

.box1 {
    float: left;
    width: 100%;
    border: 0px solid #dfdfdf;
    border-radius: 0px;
    background: none;
    margin: 10px 0px;
    padding: 0px;
}
.view_all{ padding: 30px 0px 90px; float: left;}
.view_all img{ width: auto;}
.box1 img {
    width: 100%;
    padding: 0px;
}

.pro-name {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Poppinss', sans-serif;
    text-transform: uppercase;
    padding: 20px 0px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    border-bottom: 0px solid #b9b9b9;

}

.pro-code {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    padding: 0px 0px 20px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.box1:hover {
    border: 0px solid #d01818;
    transition-duration: 2s;
}

.basket {
    display: none;
}

.basket img {
    width: 100%;
}

.box1:hover .basket {
    display: block;
    position: absolute;
    z-index: 1111;
    background: none;
    float: left;
    width: 90%;
    text-align: center;
    bottom: 143px;
}

.about-des {
    float: left;
    width: 100%;
}

.about-des p {
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #777676;
    line-height: 22px;
    padding: 0px;
}
.contacts{
    padding: 70px 0px;
    display: inline flow-root list-item;
}
.contacts h2{
    color: #d01818;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding: 10px 0px;
}
.contacts p{
    float: left;
    width: 100%;
    text-align: center;
    line-height: 24px;
    color: #555555;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    padding: 0px 0px 40px;
}
.welcome-des p{
    float: left;
    width: 100%;
    text-align: center;
    line-height: 24px;
    color: #818181;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    padding: 30px 80px;
}

.centerbg a {
    background: #d10201;
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    z-index: 111;
    padding: 10px 40px;
    text-align: center;
    text-transform: uppercase;
}
.news{ color:#979797; font-size: 14px; font-family: 'Poppins', sans-serif;}

.news-title {
    float: left;
    width: 100%;
    text-align: center;
    color: #ff0606;
    font-size: 100px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    padding: 70px 0px 0px;
}

.news-des {
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
    padding-top: 30px;
    float: left;
    width: 100%;
    text-align: center;
}
.news-des a{ float: left; width: 100%; padding: 50px 0px 70px;}
.news-des a img{ margin: 0px auto; text-align: center; text-transform: uppercase;}
.news-title span {
    color: #000000;
    font-weight: 200;
    font-size: 45px;
    float: left;
    width: 100%;
}

.news-form {
    background: #fff;
    border-radius: 0px;
    padding: 11px 20px;
    border: 0px;
    width: 73%;
    color: #000;
    float: left;
    font-style: italic;
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 25px;
}

.news-form-submit {
    background: #2a2a2a;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    border: 0px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    text-transform: uppercase;
    padding: 12px 42px 13px;
    margin-left: -20px;
    float: left;
    margin-bottom: 30px;
    margin-top: 25px;
}

.smal-baner {
    padding: 0px !important;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    min-height: 310px;
}

.smal-baner img {
    width: 100%;
}

.heading {
    float: left;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    font-size: 25px;
    color: #fff;
    text-transform: capitalize;
    padding: 0px 0 0px 2px;
    font-weight: 500;
    border-bottom: 0px solid #d0d0d0;
    margin-top: 40px;
    margin-bottom: 0px;
    text-align: left;
}

.home {
    float: left;
    width: 59%;
    padding-left: 10px;
}

.home ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.home ul li {
    float: left;
    background: url(image/homeul.png) no-repeat right;
}

.home ul li:last-child {
    background: none;
}

.home ul li a {
    float: left;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    padding: 11px 5px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.home ul li a:hover {
    color: #fff;
}

.next1 {
    float: left;
    width: 40%;
}

.next1 ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: right;
}

.next1 ul li {
    float: left;
}

.next1 ul li a {
    float: left;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    padding: 11px 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.next1 ul li a:hover {
    color: #fff;
}
#masterdiv{ float: left;
    width: 100%;
    background: #1b1b1b;
    padding: 11px;}
.our {
    float: left;
    width: 100%;
    padding: 0px;
    text-transform: uppercase;
    color: #fff;
    background: #1b1b1b;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 24px;
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
}

.cata {
    float: left;
    width: 100%;
    margin-top: 10px;
    background: #ececec;
    padding: 0px;
}

.catag {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    font-size: 26px;
    text-transform: uppercase;
    height: 65px;
    padding-top: 14px;
    font-family: 'Raleway', sans-serif;
}

.pro {
    float: left;
    width: 100%;
    height: 50px;
    background: url(image/main.png) no-repeat center;
    margin: 20px 0px 0px 0px;
}

.main-title a {
    float: left;
    width: 100%;
    margin: 0px 0px;
    background: #ccc;
    height: 45px;
    padding: 13px 20px;
    color: #222222;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
    border-bottom: 1px solid #c8c8c8;
    font-weight: 700;
    text-decoration: none;
    margin: 1px 0px;
    border-radius: 1px;
}

.main-title a:hover {
    text-decoration: none;
    color: #363535;
}

.main-title a:focus {
    text-decoration: none;
    color: #363535;
}

.main-title span {
    background: url(image/plus.png) no-repeat left;
    width: 25px;
    height: 20px;
    float: left;
}

.main-title a:focus span {
    background: url(image/mains.png) no-repeat left;
    width: 25px;
    height: 20px;
    float: left;
}

.heading1 {
    float: left;
    width: 100%;
    color: #000;
    font-size: 36px;
    font-family: 'Russo One', sans-serif;
    padding: 30px 0px 0px 0px;
}

.mainbg {
    background-color: #ececec;
    float: left;
    width: 100%;
    height: 40px;
    margin: 1px 0px;
}

.left-menu {
    float: left;
    width: 100%;
    background: #ccc;
}

.left-menu ul {
    list-style: none;
    padding: 0px;
    float: left;
    width: 100%;
    margin: 0px;
}

.left-menu ul li {
    float: left;
    width: 100%;
}

.left-menu ul li a {
    float: left;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding: 7px 20px !important;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: #000000 !important;
    padding: 7px 0px 7px 10px;
    text-transform: capitalize;
}

.pro-pro {
    float: left;
    width: 100%;
    border-bottom: 0px solid #000;
    height: 130px;
    margin-bottom: 11px;
    border-radius: 5px;
}

.left-menu ul li a:hover {
    color: #fff !important;
    background: #d01818;
}

.cartifact {
    float: left;
    width: 100%;
    padding: 0px 0px 16px;
    color: #3d3d3d;
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    background: url(image/catagaribg.png) no-repeat bottom;
}

.catagaribg {
    background: #333333;
}

.whit {
    background: #FFF;
    float: left;
    width: 100%;
    margin: 10px 0px 0px 1px;
}

.des {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.right-title {
    float: left;
    width: 100%;
    font-size: 22px;
    padding: 0px 0px 10px 0px;
    margin-top: 10px;
    font-weight: 700;
    padding-top: 0px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 1px solid #cececd;
    text-transform: uppercase;
}

.art {
    float: left;
    width: 100%;
    padding: 10px 0px;
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
}

.art span {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.right-des1 {
    float: left;
    width: 90%;
    font-weight: 400;
    line-height: 25px;
    color: #000;
    padding: 0px 0px 7px 0px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.add {
    float: left;
    margin: 10px 3px 30px 0px;
}

.fname {
    width: 46%;
    margin: 10px 5px;
    text-align: left;
    border-radius: 5px;
    background: #CCC;
    border: 1px solid #000;
    padding: 5px 10px;
}

.code-des {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    float: left;
    width: 100%;
    text-align: center;
    color: rgb( 83, 83, 83);
}

.qty {
    float: left;
    width: 100%;
    margin: 0px 0px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.qty1 {
    float: left;
    width: 82%;
    margin: 10px 0px;
}

.qty1 select {
    background: url(image/arow.png) no-repeat right;
    border: 1px solid #000;
    width: 94%;
    margin-left: 5px;
    margin-right: 5px;
    padding: 7px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
    border-radius: 0px;
}

.qty1 input {
    border: 1px solid #fff;
    font-size: 12px !important;
    float: left;
    width: 90px;
    height: 38px;
    background: #f5f5f5;
    margin-left: 5px;
    color: #d6d6d6 !important;
    padding: 0px !important;
    color: #414141 !important;
    border-radius: 0px;
    padding-left: 10px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.form-group {
    float: left;
    width: 49%;
    margin-left: 1%;
}

.basket_art input {
    float: left;
    margin: 10px 0px;
    background: #d01818;
    color: #FFF;
}

.basket_art input:hover {
    background: #016bb0;
    text-decoration: none;
    color: #FFF;
}

.btn-delete {
    float: left;
    padding: 10px 0px!important;
    border-radius: 5px;
    height: 41px;
    margin-left: 25px;
    background: #d01818;
    color: #FFF;
    text-align: center;
    margin-bottom: 20px;
    width: 140px !important;
    border: 0px;
}

.btn-delete:hover {
    background: #016bb0;
    text-decoration: none;
    color: #FFF;
}

.for {
    float: left;
    width: 48%;
    margin-left: 9px;
}

.for input {
    float: left;
    width: 100%;
    font-size: 12px !important;
    height: 30px;
    margin: 10px 0px !important;
    background: none;
    border: 1px solid #BABABA;
    color: #727272 !important;
    padding: 0px !important;
    padding-left: 10px !important;
}

.for select {
    float: left;
    width: 100%;
    font-size: 12px !important;
    height: 30px;
    margin: 10px 0px !important;
    background: none;
    border: 1px solid #BABABA;
    color: #727272 !important;
    padding: 0px !important;
    padding-left: 10px !important;
}

.for1 textarea {
    float: left;
    font-size: 12px;
    width: 100%;
    margin: 10px 0px;
    background: none;
    border: 1px solid #BABABA;
    color: #727272;
    padding-left: 10px;
    padding-top: 10px;
}

.for1 {
    float: left;
    width: 96.5%;
    margin-left: 9px;
}

.addthis_native_toolbox {
    float: left;
    width: 100%;
}

.related {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-left: 15px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.featnon2 {
    display: none;
}

.btn-success {
    background: #d01818 !important;
    border: 0px !important;
    padding: 9px 13px;
}

.pull-right {
    margin-right: 30px;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .featnon {
        display: none;
    }
    .featnon2 {
        display: block;
    }
    .box1:hover .basket {
        width: 89%;
        height: 365px;
    }
    .menu {
        float: left;
        width: 100%;
    }
    .menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        background: #d01818;
        float: left;
        width: 100%;
    }
    .menu ul li {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        background: none;
        border-bottom: 1px solid #FFF;
    }
    .menu ul li:last-child {
        background: none;
        border: none;
    }
    .menu ul li a {
        display: block;
        margin: 0;
        float: left;
        width: 100%;
        padding: 10px 30px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        text-align: left;
        ;
    }
    .menu ul li a:hover {
        display: block;
        color: #fff;
        background: none;
        background: #000;
    }
    .search {
        float: left;
        margin-bottom: 20px;
    }
    .menu ul li ul {

    margin-top: 0;
    z-index: 1111;
    padding: 0px;
    list-style: none;
    width: 100%;
    background: #d01818;
    position: relative;
    }
    .news-form{ width:100%; margin-bottom: 10px;}
    .news-form-submit{ margin-left: 0; float: left;
width: 100%; margin-bottom: 20px;}

    .cat2{ padding-left: 15px;}
    .centerbg img{ width:100%;}
    .menubg {
        background: none;
    }
    .logo img {
        width: auto;
    }
    .cat {
        padding-left: 15px;
        font-size: 25px;
    }
    .welcome-des p{ padding: 30px 10px;}
    .newsletterbg2{ display: none;}
    .news-title span{ font-size: 25px;}
    .view_all{ display: none;}
    .news-title{ font-size: 40px;}
    .certi img{ width: 100%;}
    .footerdhl img{ width: 100%;}
    .our {
        background-size: 100%;
    }
    .phone {
        width: 100%;
    }
    .topbg {
        height: auto;
        display:none;
    }
    .logo {
        margin: 0px;
        text-align: center;
        padding: 0px 0px;
    }
    .logo img{ width: 80%;}
    .search{ display: none;}
    .headerbg .headbg {
    padding: 14px 0px;
}
    .email {
        width: 100%;
    }
    .headerbg {
        height: auto;
    }
    .top-basket{
        display:none;
    }
    .menu {
        margin: 0px;
        height: auto;
    }
    .carousel {
        margin-top: 10px;
    }
    .cat img {
        width: 100%;
    }
    .pro_box img {
        width: 100%;
    }
    .adres strong {
        width: 100%;
        float: left;
    }
    .adbg {
        float: left;
        width: 100%;
        height: auto;
        padding: 20px 0px;
    }
    .adres {
        padding-left: 10px;
    }
    .top-phone{
        display: none;
    }
}