@charset "utf-8";
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #4b4b4b;
    background: #fff;
}
:focus {
    outline: 1px solid #073758;
}
h1,.btn1b,

h2,

h3,

h4,

h5,

h6 {

    font-family: Arial, Helvetica, sans-serif;

    margin: 0;

    padding: 0;

}

h1 {

    font: bold 30px/36px Arial, Helvetica, sans-serif;

    display: block;

    color: #484848;

}

h2 {

    font: bold 23px/28px Arial, Helvetica, sans-serif;

    display: block;

    color: #484848;

    text-transform: uppercase;

}

h3 {

    font: 18px/24px Arial, Helvetica, sans-serif;

    display: block;

    color: #3f3f3f;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

}

p {

    margin: 0;

    padding: 0;

}

figure {

    display: table-cell;

    vertical-align: middle;

}

figure img {

    display: block;

    margin: auto;

    border: 0;

}
.contentcategory ul{
    margin-left:20px;
}
.mw_92 {

    max-width: 92%;

    height: auto;

}

.mw_100 {

    max-width: 100%;

    height: auto;

}

.dark-gray {

    color: #3f3f3f;

}

.wel-col {

    color: #757575;

}

.black,

.black a,

.black a:hover {

    color: #000 !important;

}

.gray,

.gray a,

.gray a:hover {

    color: #242424;

}

.pink,

.pink a,

.pink a:hover {

    color: #116cad;

}

.gray5,

.gray5 a,

.gray5 a:hover {

    color: #424242;

}

.red,

.red a,

.red a:hover {

    color: red;

}

.white,

.white a,

.white a:hover {

    color: #fff !important;

}

.pale,

.pale a,

.pale a:hover {

    color: #116cad;

}

.blue,

.blue a,

.blue a:hover {

    color: #1658a2;

}

.blue3,

.blue3 a,

.blue3 a:hover {

    color: #3392d4;

}

.yellow,

.yellow a,

yellow a:hover {

    color: #ffea00;

}

.green,

.green a,

green a:hover {

    color: #1658a2;

}

.orange,

.orange a,

orange a:hover {

    color: #ef952f;

}

.blue2,

.blue2 a,

.blue2 a:hover {

    color: #073758;

}

.gray2 {

    color: #5d5d5d;

}

.gray3 {

    color: #818181;

}

.gray4 {

    color: #b8b8b8;

}

.gray6 {

    color: #242424;

}

.arial_n {

    font-family: "Arial Narrow", Arial;

}

.helv {

    font-family: Helvetica;

}

.arial {

    font-family: Arial, Helvetica, sans-serif;

}

.geor {

    font-family: Georgia, Times New Roman, Times, serif;

}

.tahoma {

    font-family: Tahoma, Geneva, sans-serif, Arial;

}

.verd {

    font-family: Verdana, Geneva, sans-serif;

}

.treb {

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}

.osons {

    font-family: "Open Sans", Arial, Helvetica, sans-serif;

}

.roboto {

    font-family: Roboto, sans-serif;

}

.osons_cond {

    font-family: "Open Sans Condensed", sans-serif;

}

.bg-white {

    background: #fff;

}

.border1 {

    border: 1px solid #ccc;

}

.bb2 {

    border-bottom: 1px solid #186f94;

}

.bb1 {

    border-bottom: 1px solid #ccc;

}

.sec_area {

    background: #fff;

    box-shadow: 0 8px 75px -11px rgba(0, 0, 0, 0.3);

    padding: 15px;

}

.container {

    width: 1230px;

    padding: 0;

}

.row {

    padding: 0;

    margin: 0;

}

.row > .no_pad {

    padding: 0;

    margin: 0;

}

.mw_98 {

    max-width: 98%;

    height: auto;

}

.mw_96 {

    max-width: 90%;

    height: auto;

    margin: auto;

}

.mw_100 {

    max-width: 100%;

}

.letter_s {

    letter-spacing: 5px;

}

.letter_s2 {

    letter-spacing: 3px;

}

.top2 {

    height: 150px;

    background: #fff;

    width: 100%;

}

.top2_fixer {

    position: fixed;

    z-index: 999;

    top: 0;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);

    height: 150px;

}

.top2_b {

    height: 150px;

    display: none;

}

.top_bg {

    background: url(../images/top-bg.jpg);

    padding-bottom: 10px;

}

.logo_area {

    text-align: left;

    margin-top: 12px;

    font-size: 26px;

}

.right_sec {

    text-align: right;

}

.call_sec {

    color: #969696;

    font-size: 14px;

    margin-top: 32px;

}

.call_sec span a {

    color: #fff;

}

.link_sec {

    margin-top: 4px;

    color: #fff;

    margin-right: 68px;
}

.link_sec a {

    color: #4da1dc;

    font-size: 14px;

}

.navbar-header {

    padding: 0;

    margin-top: 6px;

}

.navbar {

    min-height: 20px;

    width: 100%;

    margin-bottom: 0;

    padding-top: 2px;

    padding-bottom: 0;

}

.navbar-nav {

    margin-left: 0;

    margin-top: 0;

    margin-right: 12px;

    float: right;

    text-align: right;

}

.navbar-static-top {

    background: 0 0;

}

.navbar-static-top .navbar-nav {

    margin-top: 0;

}

.navbar-static-top .navbar-nav > li {

    background: 0 0;

    position: relative;

}

.navbar-static-top .navbar-nav > li > a.home-ico {

    border-bottom: 3px solid #283e95;

}

.navbar-static-top .navbar-nav > li > a {

    font: 15px/28px Arial, Helvetica, sans-serif;

    color: #4da1dc;

    padding: 3px 20px;

    background: 0 0;

    margin-top: 19px;

}

.navbar-static-top .navbar-nav > .open > a,

.navbar-static-top .navbar-nav > .open > a:focus,

.navbar-static-top .navbar-nav > .open > a:hover {

    color: #fff !important;

    background: #116cad;

}

.navbar-static-top .navbar-nav > li.open:focus {

    background: #dd3208;

}

.navbar-static-top .navbar-nav > li > a.act,

.navbar-static-top .navbar-nav > li > a:hover {

    background: #116cad;

    border-radius: 10px;

    color: #fff !important;

}

.dropdown-menu {

    background: #f5f6f7;

    margin-left: 0;

    width: auto;

    position: absolute;

}

.dropdown-menu > li {

    border-bottom: 1px solid #ddd;

}

.dropdown-menu > li > a {

    color: #fff;

    line-height: 30px;

}

.dropdown-menu > li > a:hover {

    background: rgba(0, 0, 0, 0.3);

    color: #fff;

}

.navbar-toggle span.icon-bar {

    background: #fff;

}

.search_pos {

    position: absolute;

    z-index: 9;

    top: 67px;

    right: 29px;

    width: 40px;

}

.search_pos span {

    color: #579ed1;

    font-size: 15px;

    border-left: 1px solid #214a67;

    padding: 10px 10px;

}

.navbar_area {
    margin-top: 18px;
    padding-right: 20px;

}

.navbar-static-top{
    margin-bottom:0px !important;
}

.categorie_sec {

    background: #f4f4f4;

    padding: 30px 0;

}

.categorie_sec h2 {

    font: bold 36px/28px Arial, Helvetica, sans-serif;

    color: #073758;

    display: block;

    text-align: center;

}

.categorie_list ul,

.categorie_list ul li {

    margin: 0 0 30px 0;

    padding: 0;

    list-style: none;

}

.categorie_list ul li {

    float: left;

    width: 25%;

}

.categorie_box {

    width: 91%;

    margin: auto;

    background: #fff;

    border: 1px solid #d2d2d2;

    padding: 20px;

    text-align: center;

}

.cat_since {

    font-size: 18px;

    font-weight: 700;

    color: #073758;

    overflow: hidden;

    height: 25px;

}

.catalog_box {

    width: 91%;

    margin: auto;

    background: #fff;

    border: 1px solid #d2d2d2;

    padding: 10px;

    text-align: center;

}

.cat_since2 {

    height: 42px;

    overflow: hidden;

    text-align: center;

}

.cat_since2 span {

    width: 100%;

    height: 42px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.cat_since2 a {

    display: block;

    font-size: 18px;

    line-height: 18px;

    font-weight: 700;

    color: #116cad;

    padding: 0 15px;

}

.cat_link {

    height: 44px;

    overflow: hidden;

}

.cat_link a {

    font-size: 14px;

    color: #2d7fb8;

    text-align: center;

}

.download {

    overflow: hidden;

    height: 36px;

}

.categorie_img {

    width: 236px;

    height: 231px;

    margin: auto;

    overflow: hidden;

}

.categorie_img figure {

    width: 236px;

    height: 231px;

    display: table-cell;

    vertical-align: middle;

}

.categorie_img figure img {

    display: block;

    margin: auto;

    width: 100%;

}

.featured_sec {

    background: #fff;

    padding: 30px 0;

    overflow: hidden;

}

.featured_sec h2 {

    font: bold 36px/28px Arial, Helvetica, sans-serif;

    color: #073758;

    display: block;

    text-align: center;

    margin-bottom: 30px;

}

.people_say_bg {

    background: url(../images/bg1.jpg) no-repeat center top;

    width: 100%;

    height: 362px;

    background-attachment: fixed;

    background-size: cover;

}

.people_box {

    background: rgba(7, 55, 88, 0.8);

    width: 49%;

    margin: 23px 0;

    padding: 30px 20px;

}

.people_say_bg h2 {

    font: bold 24px/28px Arial, Helvetica, sans-serif;

    color: #fff;

    padding: 0;

    margin: 0;

}

.people_cnt_box {

    font: 18px/24px Arial, Helvetica, sans-serif;

    color: #fff;

    margin-top: 30px;

    position: relative;

}

.owl-theme .owl-nav,

.people_say_bg .owl-theme .owl-dots {

    position: absolute;

    z-index: 9;

    bottom: -90px;

    left: -20px;

}

.people_say_bg .people_say_b.owl-dot span {

    background: #fff;

}

.owl-theme .people_say_b .owl-dots .owl-dot:hover span,

.people_say_bg .owl-theme .owl-dots .owl-dot.active span {

    background: #116cad;

}

.welcome_sec {

    background: #fff;

    margin-top:40px;

}

.welcome_sec h1 {

    font: bold 30px/74px Arial, Helvetica, sans-serif;

    color: #073758;

    display: block;

    margin: 30px 0 10px 0;

    text-align: center;

    letter-spacing: 2px;

    text-transform: uppercase;

}

.welcome_cnt {

    font: 15px/24px Arial, Helvetica, sans-serif;

    color: #555;

    text-align: center;

}

.footer_bg {

    background: url(https://www.bentleypartsusa.com/assets/footerbg.jpg) no-repeat center top;
   
    background-size:cover;
   
    padding: 30px 0;

    border-bottom: 1px solid #145786;

}

.copy_bt10 {

    background: #073758;

}

.copy_t_a_r {

    text-align: right;

}

.copy_t_a_l {

    text-align: left;

}

.ft_logo_sec {

    width: 100%;

}

.ft_call_sec {

    margin-top: 5px;

    word-wrap: break-word;

}

.foot_ico {

    float: left;

    margin-right: 10px;

    color: #fff;

    font-size: 15px;

}

.foot_contact {

    float: right;

    width: 85%;

}

.ft_link_sec1 {

    width: 33%;

    float: left;

    border: 1px solid red;

}

.ft_link_sec2 {

    width: 33%;

    float: left;

}

.ft_link_sec3 {

    width: 33%;

    float: left;

}

.ft_heading {

    font: bold 16px/20px Arial, Helvetica, sans-serif;

    color: #fff;

    text-transform: uppercase;

}

.ft_link {

    margin-top: 10px;

}

.ft_link a {

    font: 13px/28px Arial, Helvetica, sans-serif;

    color: #fff;

    display: block;

}

.ft_link a:hover {

    color: #00a9f0;

}

.ft_link2 a {

    font: 13px/28px Arial, Helvetica, sans-serif;

    color: #fff;

    width: 50%;

    float: left;

}

.ft_link2 a:hover {

    color: #00a9f0;

}

.f_dd_box {

    margin: 10px 0 0 0;

}

.newsletter_bg {

    background: #b76d33;

    padding: 20px 0;

}

.newsletter1 {

    width: 26%;

    float: left;

    font: 23px/23px Arial, Helvetica, sans-serif;

    color: #fff;

    padding: 8px 0 0 0;

}

.newsletter2 {

    width: 37%;

    float: left;

}

.newsletter3 {

    width: 36%;

    float: left;

    font: 23px/23px Arial, Helvetica, sans-serif;

    padding: 0;

    color: #f5ccab;

}

.follow_area {

    width: 100%;

    margin-top: 15px;

}

.follow_area span {

    background: #fff;

    color: #0f4f6a;

    font-size: 18px;

    width: 37px;

    height: 37px;

    line-height: 40px;

    border-radius: 100px;

    text-align: center;

}

.newsletter_search::-webkit-input-placeholder {

    color: #666;

}

.newsletter_search:-moz-placeholder {

    color: #666 !important;

}

.newsletter_search::-moz-placeholder {

    color: #666 !important;

}

.newsletter_search:-ms-input-placeholder {

    color: #666;

}

.newsletter_search input[type="text"] {

    font: 14px/18px Arial, Helvetica, sans-serif;

    color: #666 !important;

    background: #fff;

    border: 2px solid #fff;

    padding: 8px;

    border-radius: 5px;

    width: 100%;

}

.subscribe_btn,

.subscribe_btn:visited {

    background: #000;

    display: inline-block;

    text-align: center;

    color: #fff;

    font: bold 14px/37px Arial, Helvetica, sans-serif;

    height: 37px;

    padding: 0 15px;

    border-radius: 5px;

    text-transform: uppercase;

    cursor: pointer;

}

.subscribe_btn:hover {

    background: #222;

    color: #fff;

}

.profiel-pic {

    width: 212px;

    height: 212px;

    float: left;

    padding: 5px;

    border: 1px #ccc solid;

    position: absolute;

    top: 170px;

    background: #fff;

    left: 30px;

}

.profiel-pic figure {

    width: 200px;

    height: 200px;

    display: table-cell;

    vertical-align: middle;

    margin: 0 auto;

}

.profiel-pic figure img {

    max-width: 100%;

    display: block;

}

.basic-info {

    background: #e6e6e6;

    margin-top: 100px;

    padding: 15px;

}

.darea {

    height: 180px;

    overflow: auto;

}

.right-follow {

    position: absolute;

    right: 0;

    top: 0;

}

.arrival-ul li {

    list-style: none;

    display: inline-block;

    padding: 5px 15px;

    margin: 5px;

    border: 2px #bfbfbf solid;

    border-radius: 5px;

    color: #bfbfbf;

    font-weight: 600;

}

.arrival-ul li:nth-child(even) {

    list-style: none;

    display: inline-block;

    padding: 5px 15px;

    margin: 5px;

    border: 2px #f3b2d9 solid;

    border-radius: 5px;

    color: #ec008d;

    font-weight: 600;

}

.visit_btn {

    color: #ec008d;

    font: 14px/32px Roboto, sans-serif;

    background: #ec008d;

    height: 32px;

    border-radius: 5px;

    padding: 0 20px;

    text-align: center;

    display: inline-block;

    color: #fff;

    transition: all 0.3s linear;

    border: 0;

    position: absolute;

    z-index: 9;

    top: -6px;

    right: 395px;

}

.visit_btn:hover {

    background: #222;

    color: #fff;

}

.cat_bg {

    background: #116cad;

    padding: 12px 10px;

}

.cat_list {

    padding: 10px;

    background: #fff;

    border: 1px solid #dadada;

    position: absolute;

    z-index: 9;

    top: 40px;

    left: 0;

    width: 80%;

}

.cat_list a {

    font: 13px/28px Arial, Helvetica, sans-serif;

    color: #666;

    display: block;

    border-bottom: 1px solid #eee;

}

.cat_list a:hover {

    color: #03a9f4;

}

.ads_p {

    padding: 30px 0;

}

.brand_sec_bg h2 {

    font: 600 22px/31px Arial, Helvetica, sans-serif;

    color: #000;

    display: block;

    margin: 15px 0 30px 0;

    text-align: center;

    letter-spacing: 2px;

}

.brand_area2 {

    background: #fff;

    width: 190px;

    margin: auto;

    box-shadow: 1px 0 10px #ccc;

}

.brand_area {

    background: #fff;

    width: 190px;

    margin: auto;

}

.brand_img {

    width: 190px;

    height: 132px;

    overflow: hidden;

}

.brand_img figure {

    width: 190px;

    height: 132px;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.brand_img img {

    display: block;

    margin: auto;

    max-width: 100%;

    height: auto;

}

.brand_sec_bg .owl-nav {

    display: none;

}

.trending_pro_list ul,

.trending_pro_list ul li {

    margin: 0 0 30px 0;

    padding: 0;

    list-style: none;

}

.trending_pro_list ul li {

    float: left;

    width: 25%;

}

.trending_w {

    width: 90%;

    margin: auto;

}

.trending_bg {

    background: #fff;

    width: 100%;

    height: auto;

    padding-bottom: 20px;

}

.trending_bg h2 {

    font: 600 22px/31px Arial, Helvetica, sans-serif;

    color: #000;

    display: block;

    margin: 30px 0 10px 0;

    text-align: center;

    letter-spacing: 2px;

}

.trending_list {

    height: 365px;

    overflow: hidden;

}

.f_bg {

    background: #5d5d5d;

    padding: 8px 8px;

}

.c_bg {

    background: #073758;

    padding: 8px 8px;

    margin-left: 1px;

}

.trending_area {

    width: 285px;

    overflow: hidden;

    margin: 0 auto;

    background: #fff;

    border: 1px solid #dcdcdc;

}

.trending_area:hover {

    border: 1px solid #ddd;

}

.trending_box {

    width: 283px;

    height: 277px;

    margin: auto;

}

.trending_box figure {

    width: 283px;

    height: 277px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.trending_box figure img {

    display: block;

    max-width: 100%;

}

.trending_div {

    width: 62px;

    height: 30px;

    position: absolute;

    z-index: 99;

    right: 10px;

    margin-top: -37px;

}

.trending_area_txt {

    width: 100%;

    border-top: 1px solid #fdebec;

    padding: 15px 25px;

}

.trending_area_txt .title {

    text-align: center;

    height: 42px;

    overflow: hidden;

}

.trending_area_txt .title a {

    font: 15px/18px Arial, Helvetica, sans-serif;

    color: #0f4f6a;

}

.trending_area_txt .title a:hover {

    text-decoration: none;

    color: #222;

}

.contastant_w {

    margin-top: 20px;

}

.contastant_area {

    width: 212px;

    overflow: hidden;

    margin: 0 auto;

}

.contastant_box {

    width: 212px;

    height: 212px;

    margin: auto;

    background: #fff;

    border: 1px solid #999;

    padding: 5px;

}

.contastant_box figure {

    width: 200px;

    height: 200px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    overflow: hidden;

    transition: 0.4s linear all;

}

.contastant_box figure img {

    display: block;

    max-width: 100%;

}

.contastant_area_txt .title {

    text-align: center;

    height: 42px;

    overflow: hidden;

    margin-top: 15px;

}

.contastant_area_txt .title a {

    font: 15px/18px Arial, Helvetica, sans-serif;

    color: #424242;

}

.contastant_area_txt .title a:hover {

    text-decoration: none;

    color: #f41870;

}

.contastant_box img:hover {

    transform: scale(1.5);

    transition: 0.4s linear all;

}

.browse_btn,

.browse_btn:visited {

    background: #323232;

    display: inline-block;

    text-align: center;

    color: #fff;

    font: 14px/39px "Open Sans", Sans-Serif;

    height: 39px;

    border: 0 !important;

    padding: 0 28px;

    text-transform: capitalize;

    letter-spacing: 2px;

    border-radius: 5px;

}

.browse_btn:hover {

    background: #f41870;

    color: #fff;

    text-decoration: none;

}

.browse_btn2,

.browse_btn2:visited {

    background: #f41870;

    display: inline-block;

    text-align: center;

    color: #fff;

    font: 14px/39px "Open Sans", Sans-Serif;

    height: 39px;

    border: 0 !important;

    padding: 0 28px;

    text-transform: capitalize;

    letter-spacing: 2px;

    border-radius: 5px;

}

.browse_btn2:hover {

    background: #222;

    color: #fff;

    text-decoration: none;

}

.testimonial_img_bg {

    width: auto;

    height: 814px;

}

.testimonial_sec_bg h2 {

    font: 600 22px/31px Arial, Helvetica, sans-serif;

    color: #000;

    display: block;

    margin: 30px 0 30px 0;

    text-align: left;

    letter-spacing: 2px;

}

.testimonial_sec_bg h2 span {

    color: #f41870;

    font-size: 77px;

    padding-right: 10px;

}

.testimonial_box {

    background: #f1f1f1;

    border-radius: 5px;

    width: 70%;

    padding: 30px 100px;

    position: relative;

}

.arrow_pos {

    position: absolute;

    z-index: 9;

    bottom: -21px;

    left: 30px;

}

.testimonial_box .cnt {

    font: italic 15px/25px Arial, Helvetica, sans-serif;

    color: #636363;

    text-align: center;

    height: 80px;

    overflow: hidden;

}

.arrival_bg {

    background: #fff;

    width: 100%;

    height: auto;

    padding-bottom: 25px;

}

.arrival_bg h2 {

    font: 600 22px/31px Arial, Helvetica, sans-serif;

    color: #000;

    display: block;

    margin: 30px 0 10px 0;

    text-align: center;

    letter-spacing: 2px;

}

.shop_sec {

    text-align: center;

    margin-top: 50px;

}

.shop_sec h2 {

    font: 600 22px/31px Arial, Helvetica, sans-serif;

    color: #000;

    display: block;

    margin: 30px 0 10px 0;

    text-align: center;

    letter-spacing: 2px;

}

.video_sec iframe {

    width: 100%;

    height: 350px;

}

.cont_sec {

    margin-top: 50px;

    padding: 30px 0;

}

.cont_sec h2 {

    font: 600 32px/32px Arial, Helvetica, sans-serif;

    color: #000;

    display: block;

    margin: 0 0 10px 0;

    text-align: left;

    letter-spacing: 2px;

}

.cont_sec li {

    list-style: none;

    line-height: 25px;

}

.payment_sec {

    background: #3b3b3b;

    padding: 10px 0;

}

.box_area {

    width: 100%;

    padding: 30px 0;

}

.box_area .sec_box1 {

    width: 114px;

    height: 114px;

    background: #ec008d;

    float: left;

    border-radius: 100%;

    transition: all linear 0.2s;

}

.box_area:hover .sec_box1 {

    background: #666;

    transform: scale(1.2);

}

.sec_box2 {

    width: 62%;

    float: left;

    margin-left: 22px;

}

.sec_box1 figure {

    width: 114px;

    height: 114px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.sec_box1 figure img {

    display: block;

    max-width: 100%;

}

.sec_box2 h2 {

    font: 600 22px/24px Arial, Helvetica, sans-serif;

    color: #fff;

    display: block;

    letter-spacing: 2px;

}

.sec_box3 .visit_btn {

    font: 14px/24px Roboto, sans-serif;

    background: #ec008d;

    height: 24px;

}

.sec_box3 {

    background: #eb008d;

    background: #4c052f;

    background: -webkit-linear-gradient(left top, #4c052f, #eb008d);

    background: -o-linear-gradient(bottom right, #4c052f, #eb008d);

    background: -moz-linear-gradient(bottom right, #4c052f, #eb008d);

    background: linear-gradient(to bottom right, #4c052f, #eb008d);

    padding: 40px 0;

}

.sec_box3 h2 {

    font: 600 22px/34px Arial, Helvetica, sans-serif;

    color: #fff;

    display: block;

    letter-spacing: 2px;

}

.cont-left {

    border-left: 1px #fff solid;

    padding-left: 20px;

}

.cont-left span {

    font-weight: 600;

}

.br {

    border-right: 1px solid #626262;

}

.abou {

    text-align: center;

    color: #fff;

}

.cate-div-area {

    width: 100%;

    height: auto;

    margin-top: 10px;

}

.browse-cat {

    background: #fff;

    width: 100%;

    height: auto;

    border: 1px solid #e8e8e8;

}

.brwse-hed {

    width: 90%;

    margin-left: 15px;

    height: auto;

}

.brwse-hed a {

    display: block;

    position: relative;

    font-size: 18px;

    color: #3f3f3f;

    font-weight: 700;

    padding: 15px 0 10px 0;

    border-bottom: 1px solid #e8e8e8;

}

.brwse-hed a:hover {

    text-decoration: none;

}

.cate-list {

    width: 90%;

    height: auto;

    margin-left: 15px;

}

.cate-list a {

    display: block;

    font-size: 14px;

    color: #4d4c4c;

    padding: 5px 10px 6px 10px;

    border-bottom: 1px solid #e8e8e8;

}

.cate-list a:hover {

    text-decoration: none;

    color: #000;

}

.banner-area {

    width: 100%;

    margin: auto;

    height: auto;

}

.banner-area img {

    display: block;

    margin: auto;

    width: 100%;

    height: auto;

}

.advertisment-1 {

    width: 100%;

    height: auto;

    float: left;

}

.advertisment-2 {

    width: 100%;

    height: auto;

    margin-top: 10px;

    float: left;

}

.mob_hider {

    display: block;

}

.mob_only {

    display: none;

}

.inner-banner {

    width: 100%;

    height: auto;

}

.sky-blue {

    color: #0b85cf;

}

.text_cnt span {

    font-size: 32px;

}

.text_cnt b {

    font-weight: 400;

}

.trading-div {

    width: 100%;

    border: 1px solid #e8e8e8;

    background: #fff;

    margin-top: 10px;

}

.list_o_hid {

    width: 88%;

    margin: 30px auto 0 auto;

}

.hot_list ul,

.hot_list ul li {

    margin: 0 0 20px 0;

    padding: 0;

    list-style: none;

}

.hot_list ul li {

    float: left;

    width: 25%;

}

.hot_area {

    width: 230px;

    margin: auto;

    border: 1px solid #e6e5e4;

    height: 420px;

    overflow: hidden;

    position: relative;

    background: #fff;

}

.hot_area:hover {

    border: 1px solid #ccc;

}

.hot_area_1 {

    width: 252px;

    margin: auto;

    border: 1px solid #e6e5e4;

    height: 380px;

    overflow: hidden;

    position: relative;

    background: #fff;

}

.hot_area_1:hover {

    border: 1px solid #ccc;

}

.project-area {

    width: 252px;

    overflow: hidden;

    margin: 0 auto;

    border: 1px solid #e6e5e4;

    background: #fff;

}

.project-box {

    width: 251px;

    height: 245px;

    margin: auto;

}

.project-box figure {

    width: 251px;

    height: 245px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.project-box figure img {

    display: block;

    max-width: 100%;

}

.hot_img {

    width: 225px;

    height: 220px;

    overflow: hidden;

    margin: 15px auto 15px auto;

}

.hot_img figure {

    width: 225px;

    height: 220px;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.hot_img img {

    display: block;

    margin: auto;

    max-width: 100%;

    height: auto;

}

.hot-area-txt {

    width: 100%;

    border-top: 1px solid #e6e5e4;

}

.name_h {

    height: 37px;

    overflow: hidden;

}

.cart-div {

    width: 62px;

    height: 30px;

    position: absolute;

    z-index: 99;

    right: 20px;

    margin-top: -37px;

}

.cart-div-1 {

    width: 62px;

    height: 30px;

    position: absolute;

    z-index: 99;

    right: 10px;

    margin-top: -37px;

}

.browse-all {

    border-radius: 5px;

    background: #2e8dc7;

    color: #fff;

    padding: 10px 18px 10px 18px;

    display: inline-block;

    margin-bottom: 15px;

    font-size: 14px;

    font-weight: 600;

    margin-top: 15px;

}

.browse-all:hover {

    color: #fff;

}

.trans_eff {

    transition: all linear 0.3s;

    -webkit-transition: all linear 0.3s;

    -moz-transition: all linear 0.3s;

    -ms-transition: all linear 0.3s;

}

.trans_eff2 {

    transition: all linear 0.1s;

    -webkit-transition: all linear 0.1s;

    -moz-transition: all linear 0.1s;

    -ms-transition: all linear 0.1s;

}

.trending_box a.one {

    position: absolute;

    z-index: 9;

    top: 2%;

    left: -120px;

}

.trending_area:hover .trending_box a.one {

    left: 85%;

}

.acc_pro_img a.one:hover {

    background: #fdb200;

    color: #222;

}

.reviews_bg {

    background-size: cover;

    background-attachment: local;

    min-height: 370px;

}

.review_area {

    width: 85% !important;

    margin: auto;

}

.cnt_bg ul li {

    float: left;

    width: 100%;

}

.cnt_bg {

    margin-top: 18px;

    background: rgba(255, 255, 255, 0.7);

    border-radius: 5px;

    padding: 20px;

    text-align: center !important;

    width: 100%;

}

.tes-col {

    color: #bd8038;

}

.testi_bg {

    min-height: 466px;

    padding: 43px 0;

}

.testi_area {

    width: 100%;

    margin: auto;

    margin-top: 22px;

    position: relative;

}

.testi_box {

    background: #fff;

    background: rgba(255, 255, 255, 0.5);

    color: #000;

    font-size: 14px;

    line-height: 24px;

    padding: 20px 85px 10px 85px;

    border-radius: 5px;

    min-height: 120px;

    position: relative;

    text-align: center;

    box-shadow: #ccc 0 0 15px;

    font-style: italic;

    font-weight: 600;

}

.testi_col {

    position: absolute;

    top: -18px;

    left: 13px;

}

.read_testi {

    float: right;

    font-size: 16px;

    font-weight: 700;

    margin: -47px 0 0 0;

}

.carousel-indicators {

    position: absolute;

    bottom: -50px;

    z-index: 15;

    width: 60%;

    padding-left: 0;

    margin-left: -30%;

    text-align: center;

    list-style: none;

}

.carousel-indicators li {

    display: inline-block;

    width: 17px;

    height: 17px;

    margin: 2px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    border: 0;

    border-radius: 50%;

}

.carousel-indicators .active {

    width: 17px;

    height: 17px;

    margin: 2px;

    background-color: #2e8dc7;

}

.testi_name {

    float: none;

    text-align: center;

    font-size: 14px;

    color: #03a9f4;

    padding-top: 15px;

}

.testi_read {

    float: none;

    font-size: 14px;

    font-weight: 600;

    color: #000;

}

.see_more {

    background: #6aa73e;

    color: #fff;

    border-radius: 5px;

    font-size: 16px;

    text-align: center;

    border: 0;

    padding: 15px 0;

    width: 255px;

    display: inline-block;

}

.see_more:hover {

    background: #479211;

    color: #fff;

    text-decoration: none;

}

.browse_more {

    border: 0;

    background: 0 0;

    border-radius: 15px;

    padding: 9px 20px;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    width: 250px;

    vertical-align: middle;

    color: #303030;

    transition: all 0.3s linear;

    border: 2px solid #32b3b4;

}

.browse_more:hover {

    background: #000;

    color: #fff;

    border: 2px solid #fff;

}

.newsletter_box {

    padding: 28px 2.4%;

}

.nws_left {

    float: left;

    border-right: 1px solid #eee;

    width: 24.5%;

    padding-right: 1%;

}

.nws_right {

    float: right;

    padding: 10px 0;

    width: 73.5%;

}

.nws_right * {

    margin: 0 2px;

}

.nws_right input[type="text"] {

    padding: 9px 9px 8px 9px;

    border: 1px solid #ddd;

    font-size: 14px;

    width: 20%;

    border-radius: 5px;

}

.nws_right input.two {

    width: 13%;

    background: #ddd;

}

.nws_right .btn {

    background: #000;

    border: 0;

    color: #fff;

    font-weight: 700;

    padding: 9px 15px;

    border-radius: 5px;

    text-transform: uppercase;

}

.nws_right .btn:hover {

    background: #666;

}

.pro_container {

    margin: 20px 0 0 0;

}

.pro_container h2 {

    text-align: center;

}

.pro_container h2 + p {

    text-align: center;

    font-size: 15px;

    line-height: 18px;

    color: #4b4b4b;

}

.pro_container h2 + p a {

    color: #4b4b4b;

}

.pro_container_2 {

    margin: 20px 0;

}

.pro_container_2 ul,

.pro_container_2 ul li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.pro_container_2 ul li {

    float: left;

    width: 25%;

}

.pro_container_2 ul li > div {

    height: 332px;

    padding: 22px 0;

    border: 3px solid #fff;

    margin: auto;

    transition: all linear 0.2s;

    -webkit-transition: all linear 0.2s;

    -moz-transition: all linear 0.2s;

    -ms-transition: all linear 0.2s;

}

.pro_container_2 ul li:hover > div {

    transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    -moz-transform: translateY(-15px);

    -o-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    border: 3px solid #555;

}

.pro_container_2 ul li > div > div {

    width: 250px;

    margin: auto;

}

.p_title {

    display: block;

    line-height: 20px;

    height: 20px;

    overflow: hidden;

    font-size: 15px;

    font-weight: 700;

    color: #4b4b4b;

    text-transform: uppercase;

}

.pro_container_2 ul li:hover .p_title {

    color: #d9a635;

    text-decoration: underline;

}

.p_text {

    font-size: 14px;

    line-height: 18px;

    height: 36px;

    overflow: hidden;

    overflow: hidden;

    margin: 2px 0 0 0;

}

.pro_container_2 hr {

    border-color: #cacaca;

    margin: 10px 0 2px;

}

.pro_pc {

    width: 250px;

    height: 160px;

    overflow: hidden;

    background: #ddd;

    margin: 0 0 15px;

}

.pro_pc figure {

    width: 250px;

    height: 160px;

}

.p_price {

    float: left;

    float: left;

    font-size: 14px;

    line-height: 16px;

    margin-top: 3px;

    padding-bottom: 2px;

}

.p_price span {

    display: block;

    font-size: 17px;

}

.pro_container_2 ul li .p_price + .p_price {

    margin-left: 10px;

    border-left: 1px solid #ddd;

    padding-left: 10px;

}

.pro_container_2 .btn {

    float: right;

    font-size: 14px;

    font-weight: 700;

    line-height: 40px;

    padding: 0 13px;

    text-transform: uppercase;

    color: #4b4b4b;

    border: 1px solid #383838;

    border-radius: 0;

}

.pro_container_2 ul li:hover .btn {

    color: #d9a635;

    border: 1px solid #d9a635;

}

.breadcrumb_outer {

    background: #efefef;

    box-shadow: 1px 0 1px #666;

}

.breadcrumb_outer .breadcrumb {

    margin: 0;

    font-size: 14px;

    background: 0 0;

    padding: 5px 0;

}

.breadcrumb a,

.breadcrumb a:hover,

.breadcrumb a:visited {

    color: #000;

}

.breadcrumb li.active {

    color: #000;

}

.mid_area {

    padding-top: 20px;

    paddding-bottom: 20px;

}

.cms_area {

    line-height: 24px;

}

.cms_area ol,

.cms_area ul {

    font: normal 14px/24px Arial, Helvetica, sans-serif;

    margin: 30px 0 30px 50px;

}

.cms_pc {

    float: right;

    margin: 5px 0 10px 10px;

    max-width: 100%;

    border: 1px solid #eee;

    padding: 10px;

}

.cms_pc2 {

    float: left;

    margin: 15px 20px 20px 0;

    max-width: 100%;

}

h1 + .paging {

    margin-top: 7px;

}

.paging {

    padding: 10px;

    border: 0 solid #ccc;

    border-radius: 2px;

    background: #333;

    color: #fff;

}

.paging .pager {

    text-align: right;

    margin: 0;

    padding: 0;

}

.pager li > span,

.paging .pager li > a {

    padding: 2px 8px;

    border-radius: 3px;

    color: #26346d;

    font-weight: 600;

    border: 1px solid #fff;

}

.paging .pager li.active a {

    border: 1px solid #ffca55;

    background: #daa735;

    color: #fff;

    font-weight: 700;

}

.pager li > a,

.pager li > span {

    padding: 2px 8px;

    border-radius: 3px;

    color: #666;

    font-weight: 600;

    border: 1px solid #ccc;

}

.pager li.active a {

    border: 1px solid #bb3537;

    background: #fff;

    color: #bb3537;

    font-weight: 700;

}

.contact_form input[type="text"],

.contact_form select,

.contact_form textarea {

    width: 49%;

    padding: 7px 10px;

    border: 2px solid #ddd;

    border-radius: 3px;

    font: 400 14px/20px Roboto, Arial, Helvetica, sans-serif;

    margin: 0;

}

.contact_form .large {

    width: 98.8% !important;

}

.call {

    background: url(../images/call.png) no-repeat left top;

    padding: 0 0 0 75px;

    min-height: 61px;

}

.email {

    background: url(../images/email.png) no-repeat left top;

    padding: 5px 0 0 75px;

    min-height: 61px;

}

.web {

    background: url(../images/web.png) no-repeat left top;

    padding: 5px 0 0 75px;

    min-height: 61px;

}

.panel-group .panel {

    border-radius: 0;

    border: 1px solid #eee;

    margin: 10px 0;

    box-shadow: 1px 0 5px #eee;

}

.panel-default > .panel-heading {

    background: #fff;

}

.panel-default > .panel-heading a {

    background: url(../images/arl3.png) no-repeat 0 5px;

    padding: 2px 5px 2px 20px;

    display: block;

    color: #222;

    font: 500 15px/18px "Open Sans", Sans-Serif;

}

.panel-body {

    background: #f8f8f8;

}

.panel-body ol,

.panel-body ul {

    font: normal 13px/22px "Open Sans", Sans-Serif;

    margin: 20px 0 20px 30px;

}

.inr_text {

    margin: 15px 0 0 0;

    height: 200px;

    position: relative;

    overflow: hidden;

}

.inr_text1 {

    font: italic 400 14px/20px "Open Sans", Sans-Serif;

    color: #666;

    height: 140px;

    overflow: hidden;

}

.inr_news_pc {

    width: 100%;

}

.inr_news_pc img {

    width: 100%;

    height: auto;

    max-height: 150px;

    display: block;

}

.inr_news_ttl {

    display: block;

    font: 700 16px/20px "Open Sans", Sans-Serif;

    margin: 15px 0 0 0;

}

.pro_cat {

    margin: 20px 0;

}

.pro_cat ul,

.pro_cat ul li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.pro_cat ul li {

    float: left;

    width: 25%;

    border-bottom: 1px solid #eee;

}

.pro_cat ul li > div {

    width: 284px;

    margin: 25px auto;

    transition: all linear 0.2s;

    -webkit-transition: all linear 0.2s;

    -moz-transition: all linear 0.2s;

    -ms-transition: all linear 0.2s;

}

.pro_cat ul li:hover > div {

    transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    -moz-transform: translateY(-15px);

    -o-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

}

.pro_cat .pro_pc {

    width: 284px;

    height: auto;

    border: 2px solid #fff;

    overflow: hidden;

    background: #fff;

    margin: 0;

    border-radius: 0 15px 0 0;

}

.pro-box {

    width: 284px;

    height: 220px;

    background: #fff;

    margin: 8px 0;

    overflow: hidden;

}

.pro-box figure {

    width: 280px;

    height: 220px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.pro-box figure img {

    display: block;

    margin: auto;

    max-width: 100%;

    height: auto;

}

.cat_title {

    display: block;

    text-align: center;

    font-size: 16px;

    line-height: 20px;

    color: #666;

    text-decoration: none;

    padding: 12px 0;

    text-transform: uppercase;

    font-weight: 700;

    border-radius: 0 0 0 15px;

}

.pro_cat ul li > div:hover .cat_title {

    color: #fff;

    text-decoration: none;

    background: #ec008d;

}

.pro_cat ul li > div:hover .pro_pc {

    border: 2px solid #ec008d;

}

.pro_cat ul li:nth-child(even) > div:hover .cat_title {

    background: #222;

}

.pro_cat ul li:nth-child(even) > div:hover .pro_pc {

    border: 2px solid #001f60;

}

.thm1 {

    width: 102px;

    height: 100px;

    text-align: center;

    overflow: hidden;

    border: 1px solid #ddd;

}

.thm1 span {

    width: 100px;

    height: 98px;

    vertical-align: middle;

    display: table-cell;

}

.thm1 span img {

    display: block;

    margin: auto;

    max-width: 100%;

    height: auto;

}

.thm2 {

    width: 202px;

    height: 200px;

    text-align: center;

    margin: 5px auto;

    overflow: hidden;

    border: 1px solid #ddd;

}

.thm2 figure {

    width: 200px;

    height: 198px;

    vertical-align: middle;

    display: table-cell;

}

.thm2 figure img {

    display: block;

    margin: auto;

    max-width: 100%;

    height: auto;

}

.left_zone {

    float: left;

    width: 17%;

}

.right_zone {

    float: right;

    width: 80%;

}

.l_p1,

.l_p2,

.l_p3 {

    display: block;

    font: 14px/18px Arial, Helvetica, sans-serif;

    margin-bottom: 3px;

    padding: 2px 0 2px 15px;

    color: #666;

}

.l_p1 {

    text-transform: uppercase;

    font-weight: 700;

    color: #333;

}

.l_p1:hover,

.l_p2:hover,

.l_p3:hover {

    color: #d9a635;

}

.l_c1 a {

    display: block;

    font: 13px/18px Arial, Helvetica, sans-serif;

    margin-bottom: 3px;

    color: #999;

}

.l_c1 a:hover {

    color: #666;

    text-decoration: underline;

}

.l_c1 a.act {

    color: #d9a635;

    font-weight: 700;

    font-size: 15px;

}

.filt_list p {

    font: normal 12px/18px Arial, Helvetica, sans-serif;

    color: #666;

}

.filt_list p input {

    float: left;

    margin: 2px 4px 0 0;

}

.color_box_n {

    border: 1px solid #000;

    width: 16px;

    height: 14px;

    display: inline-block;

    overflow: hidden;

    vertical-align: middle;

    margin: 0 4px 0 0;

    border-radius: 2px;

}

.c_tog {

    cursor: pointer;

}

.pro_container_2_inr ul li {

    float: left;

    width: 33.3333%;

}

.pro_container_2_inr_dtl ul li {

    float: left;

    width: 25%;

}

.pro_container_2_inr ul li > div {

    height: 420px;

}

.cs_box {

    min-height: 54px;

    padding: 10px 5px;

    border: solid #ddd;

    border-width: 1px 0;

    margin-bottom: 15px;

}

.mystar {

    width: 35px;

    height: 32px;

    display: inline-block;

    text-decoration: none !important;

}

.color_box {

    text-align: center;

}

.color_box a {

    display: inline-block;

    width: 18px;

    height: 16px;

    position: relative;

    box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset;

    margin-right: 1px;

    border-radius: 2px;

}

.color_box a b {

    position: absolute;

    z-index: 99;

    min-width: 140px;

    font: normal 11px/14px Arial, Helvetica, sans-serif;

    color: #666;

    padding: 6px 10px;

    background: #fff;

    border: 1px solid #ddd;

    left: -60px;

    top: 25px;

    text-align: center;

    display: none;

}

.color_box a b img {

    display: block;

    float: left;

    margin: -15px 0 0 52px;

}

.color_box a:hover b {

    display: block;

}

.tag1 {

    position: absolute;

    z-index: 2;

    right: 0;

    top: 0;

}

.sort_opt {

    margin: 10px 0;

    text-align: left;

    background: #666;

    border: 1px solid #ddd;

    padding: 8px;

}

.sort_opt select {

    padding: 3px;

    width: 100px;

}

.mystar {

    width: 31px;

    height: 31px;

    display: inline-block;

    text-decoration: none !important;

}

.view-detail {

    background: 0 0;

    border: 1px solid #2e8dc7;

    color: #666;

    padding: 5px 18px 7px 18px;

    display: inline-block;

    margin-bottom: 10px;

    margin-top: 10px;

    font-size: 13px;

    font-weight: 600;

}

.view-detail:hover {

    color: #000;

}

.description_aea {

    background: #fff;

    box-shadow: 0 8px 75px -11px rgba(0, 0, 0, 0.3);

    padding: 25px;

}

.description_aea h2 {

    font: 24px/24px Roboto, sans-serif;

    color: #000;

    text-transform: capitalize;

}

.thum_w {

    width: 100%;

    margin: 10px auto;

}

.thum_w .owl-nav {

    text-align: center !important;

}

.zip_area {

    float: right;

    width: 50%;

    margin-top: 15px;

}

.zip_area input[type="text"] {

    font: 15px/20px Arial, Helvetica, sans-serif;

    padding: 8px;

    width: 70%;

    color: #999;

    border: 1px solid #aaa;

}

.qnt a {

    border: 1px solid #ccc;

    border-radius: 100%;

    padding: 2px 10px;

}

.qnt a:nth-child(2) {

    padding: 2px 13px;

}

.low_pos {

    position: absolute;

    z-index: 9;

    top: -27px;

    right: 0;

}

.bb {

    border-bottom: 1px solid #ddd;

}

.product_img_area {

    text-align: left;

}

.product_cnt_area {

    text-align: left;

    padding: 0;

    position: relative;

}

.prod-inn {

    margin: 5px;

}

.fav_pos {

    position: absolute;

    z-index: 9;

    top: 0;

    right: 0;

    padding: 10px;

}

.product_img_area .owl-dots {

    display: none;

}

.pc_box_area {

    min-height: 485px;

}

.dtl_xs_pc {

    display: none;

    margin: 20px 0 0 0;

}

.pc_box {

    width: 350px;

    height: 350px;

    margin: 20px 0 0 0;

    float: left;

}

.dtl_right {

    float: left;

    width: 60%;

    margin: 20px 0 0 30px;

}

.str1_sec1 {

    width: 40%;

    float: left;

}

.str1_sec2 {

    width: 30%;

    float: left;

}

.str1_sec3 {

    width: 30%;

    float: left;

}

.stock_bg {

    background-attachment: local;

}

.col-zi {

    padding: 25px 0 0 15px;

}

.stock_bg b {

    background: #fff;

    padding: 3px 10px;

    border-radius: 10px;

    box-shadow: 1px 0 5px #ccc;

}

.dtl_color_cont {

    margin-top: 25px;

    padding: 1px;

    border: 1px solid #eee;

}

.dtl_color_cont .col-xs-12 {

    padding: 15px;

}

.dtl_color_cont .col-xs-12:nth-child(2) {

    border-left: 1px solid #eee;

    padding-left: 25px;

}

.dtl_color a {

    border: 2px solid #eee;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);

    width: 30px;

    height: 30px;

    border-radius: 100%;

    display: inline-block;

    margin-right: 10px;

    text-decoration: none;

    margin-bottom: 15px;

}

.dtl_color a.act,

.dtl_color a:hover {

    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.8);

}

.dtl_size a,

.dtl_size span {

    border: 2px solid #fff;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);

    padding: 0 7px;

    display: inline-block;

    margin-right: 5px;

    color: #333;

    text-align: center;

    margin-bottom: 8px;

}

.dtl_size a.act,

.dtl_size a:hover {

    border: 2px solid #fff;

    box-shadow: 0 0 2px 2px rgba(255, 144, 0, 0.7);

}

.dtl_size span {

    opacity: 0.5;

}

.btn1b,

.btn1b:visited {

    background: #073758;

    display: inline-block;

    text-align: center;

    color: #fff;

    font: bold 16px/42px Arial, Helvetica, sans-serif;

    height: 42px;

    border: 0 !important;

    padding: 0 40px;

    box-shadow: none;

    border-radius: 0;

    text-transform: uppercase;
    
    margin-top:25px;

}

.btn1b:hover {

    background: #222;

    color: #fff;

    text-decoration: none;

}

.btn2b,

.btn2b:visited {

    background: #666;

    display: inline-block;

    text-align: center;

    color: #fff;

    font: bold 16px/42px Arial, Helvetica, sans-serif;

    height: 42px;

    border: 0 !important;

    padding: 0 40px;

    box-shadow: none;

    border-radius: 0;

    text-transform: uppercase;

}

.btn2b:hover {

    background: #222;

    color: #fff;

    text-decoration: none;

}

.dtl_pic {

    width: 400px;

    height: 391px;

    margin: auto;

    text-align: center;

    overflow: hidden;

}

.dtl_pic figure {

    width: 400px;

    height: 391px;

    vertical-align: middle;

    display: table-cell;

}

.zoom_img {

    max-width: 100%;

    height: auto;

}

.prev_arr {

    float: left;

    margin-top: 15px;

}

.next_arr {

    float: right;

    margin-top: 15px;

}

.dtl_thmb ul,

.dtl_thmb ul li {

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: center;

}

.dtl_thmb ul li {

    width: 25%;

    float: left;

    text-align: center;

}

.mylsttb {

    padding: 15px 10px;

    margin: 10px 1px;

    border-bottom: 1px solid #ddd;

}

.cart_p_dtl {

    text-align: right;

}

.cart_btns {

    text-align: right;

    border-top: 1px solid #ddd;

    padding: 20px 15px;

}

.check_login_l {

    margin-top: 40px;

}

.check_login_l input[type="password"],

.check_login_l input[type="text"] {

    border: 2px solid #ddd;

    border-radius: 3px;

    width: 100%;

}

.myform {

    margin: 40px 0 0 10%;

    width: 70%;

}

.myform input[type="password"],

.myform input[type="text"],

.myform select,

.myform textarea {

    border-width: 2px;

    border-radius: 1px;

    padding: 5px 10px !important;

    line-height: 24px;

    height: auto;

}

.inv_box3 {

    border: 1px solid #ddd;

    padding: 15px;

    height: 253px;

    overflow: hidden;

}

.login_top {

    height: 88px;

    background: #0c4266;

    border-bottom: 2px solid #ddd;

    position: fixed;

    z-index: 9;

    width: 100%;

    top: 0;

}

.login_top .container {

    width: 962px;

    margin: auto;

}

.logo2 {

    float: left;

    width: 179px;

    height: 70px;

    margin-top: 0;

}

.login_right {

    margin-top: 15px;

    margin-right: 10px;

}

.login_container {

    margin: 44px 0 0 0;

    background: #fbd2d8 url(../images/login_bg.jpg) no-repeat center top;

    height: 520px;

    border-bottom: 1px dotted #ccc;

    background-size: cover;

}

.login_container .container {

    width: 962px;

    padding: 70px 15px 0;

}

.login_box {

    background: #fff;

    border: 3px solid rgba(0, 0, 0, 0.5);

    width: 300px;

    min-height: 350px;

    overflow: hidden;

    border-radius: 3px;

    float: right;

    padding: 15px 25px 25px;

}

.login_box h1 {

    color: #333;

}

.login_form .fls,

.login_form input[type="text"],

.login_form select {

    width: 100%;

    border: 2px solid #ddd;

    padding: 7px 10px;

    border-radius: 3px;

    font-size: 13px;

}

.login_form input[type="password"] {

    width: 100%;

    border: 2px solid #ddd;

    padding: 7px 10px;

    border-radius: 3px;

    font-size: 13px;

}

.login_form .mybtn {

    padding: 0;

    width: 100%;

    text-align: center;

    font-size: 14px;

    font-weight: 700;

    color: #fff;

    background: #116cad;

    border-radius: 3px;

    line-height: 36px;

    height: 36px;

    display: block;

}

.login_form .mybtn:hover {

    background: #666;

}

.or_ttl {

    text-align: center;

}

.login_form .mybtn2 {

    padding: 0;

    width: 100%;

    text-align: center;

    font-size: 14px;

    font-weight: 700;

    color: #fff;

    background: #000;

    border-radius: 3px;

    line-height: 36px;

    height: 36px;

    display: block;

}

.login_form .mybtn2:hover {

    background: #666;

}

.login_foot {

    margin: 40px 0;

}

.login_foot .container,

.register_container .container {

    width: 962px;

}

.register_container {

    margin: 70px 0 0 0;

}

.reg_list,

.reg_list li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.reg_list li {

    font-size: 12px;

    line-height: 16px;

    margin: 0 0 8px 0;

    background: url(../images/arl3.png) no-repeat 0 4px;

    padding: 0 0 0 25px;

}

.short_form {

    font-size: 14px;

}

.short_form .fls,

.short_form input[type="file"],

.short_form input[type="password"],

.short_form input[type="text"],

.short_form select,

.short_form textarea {

    padding: 9px;

    width: 80%;

    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.07) inset;

    border-radius: 2px;

    border: 1px solid #ccc;

    background: #fff;

}

.short_form .w36 {

    float: left;

    width: 30%;

    text-align: right;

}

.short_form .w62 {

    float: right;

    width: 67%;

}

.short_form label {

    font-weight: 400;

}

.acc_container {

    margin-top: 0;

    margin-bottom: -25px;

}

.acc_container > .row > .acc_right > div {

    border-left: 1px solid #eee;

    min-height: 450px;

    padding: 30px 0 30px 30px;

}

.acc_container > .row > .acc_right h1 {

    margin: 0;

    font-size: 24px;

    border-bottom: 1px solid #eee;

    padding-bottom: 2px;

}

.acc_links {

    margin: 30px 0 0 0;

}

.acc_links a {

    display: block;

    padding: 7px 50px 7px 20px;

    color: #333;

    border-radius: 3px;

    font: normal 14px/20px Arial, Helvetica, sans-serif;

    text-decoration: underline;

    margin: 0 0 2px 0;

}

.acc_links a.act,

.acc_links a:hover {

    background: #222 url(../images/aro1.png) no-repeat 96% center;

    color: #fff;

    text-decoration: none;

}

.das_box1 {

    width: 100%;

    height: 142px;

    border: 1px solid #be5687;

    border-radius: 3px;

    background-position: 10px 17px !important;

}

.das_box1 > div {

    height: 100px;

    padding: 25px 10px;

    text-align: right;

    color: #fff;

    font: 200 14px/24px "Myriad Regular", Arial, Helvetica, sans-serif;

}

.das_box1 > div b {

    display: block;

    font-size: 32px;

    font-weight: 300 !important;

    line-height: 32px;

}

.das_box1 > a {

    height: 40px;

    background: #fff;

    display: block;

    padding: 10px 12px;

    font: 300 14px/20px Arial, Helvetica, sans-serif;

    color: #be5687;

}

.das_box1:hover a {

    font-weight: 600;

}

.das_box2 {

    border: 1px solid #55a28a;

}

.das_box2 > a {

    background: #fff;

    color: #001f60;

}

.das_box3 {

    border: 1px solid #a1993d;

}

.das_box3 > a {

    background: #fff;

    color: #222;

}

.favorite_box {

    margin: 50px 0 0 0;

}

.favorite_box h2 {

    text-align: center;

}

.app_container {

    margin: 20px 0 0 0;

}

.app_container .row {

    margin: 15px 0 0 0;

    padding: 10px 0;

    border-bottom: 1px solid #eee;

}

.add_btn {

    float: right;

    margin: -36px 0 0 0;

}

.acc_odh_filter p {

    float: left;

    width: 29%;

    margin-right: 10px;

    position: relative;

}

.acc_odh_filter p input {

    width: 100%;

    border: 0;

    padding: 7px;

}

.acc_odh_filter p img {

    position: absolute;

    z-index: 1;

    right: 7px;

    top: 4px;

}

.sitemap {

    text-align: center;

    padding: 30px 0 0 0;

}

.sitemap a {

    display: inline-block;

    padding: 12px 35px;

    font: 400 18px/20px Arial, Helvetica, sans-serif;

    border: 1px solid #eee;

    border-radius: 20px;

    margin: 5px 5px;

    color: #666;

    min-width: 20%;

    box-shadow: 1px 0 5px #ccc;

}

.sitemap a:hover {

    background: #333;

    color: #fff;

    text-decoration: none;

}

.sitemap2 {

    text-align: center;

    padding: 30px 0 0 0;

}

.sitemap2 a {

    display: inline-block;

    padding: 5px 25px;

    font: 400 14px/20px Arial, Helvetica, sans-serif;

    background: #fff;

    border-radius: 20px;

    margin: 5px 2px;

    color: #666;

    border: 1px solid #ddd;

}

.sitemap2 a:hover {

    background: #666;

    color: #fff;

    text-decoration: none;

    border: 1px solid #000;

}

.btn-danger {

    background: #063352;

    color: #fff;

    font-weight: 700;

    border: 1px solid #063352;

}

.btn-danger:hover {

    background: #222;

    color: #fff;

}

.btn-default {

    background: #063352;

    color: #fff;

    font-weight: 700;

}

.btn-default:hover {

    background: #222;

    color: #fff;

}

.btn-info {

    background: #fff !important;

    border: 2px solid #d9a635 !important;

    color: #d9a635 !important;

    font-family: Exo, Arial, Helvetica, sans-serif;

    font-weight: 700;

}

.btn-info:hover {

    background: #666 !important;

    border: 2px solid #333 !important;

    color: #fff !important;

}

.vc {

    float: left;

    text-align: left;

    margin: 12px 0 0 0;

    overflow: hidden;

}

.vc_count span {

    width: 17px;

    line-height: 23px;

    font-size: 14px;

    color: #fff;

    display: inline-block;

    letter-spacing: 9px;

    padding-left: 4px;

    margin: 3px -5px 0 0;

}

.testimonials_left {

    width: 700px;

    float: left;

    margin: 10px 0 0 0;

}

.testimonials_right {

    width: 238px;

    float: right;

    margin: 10px 0 0 0;

}

.t_left {

    float: left;

    width: 75%;

    border-right: 1px solid #ddd;

}

.t_right {

    float: right;

    width: 23%;

    margin: 25px 0 0 0;

}

.t_box {

    padding: 0 20px 35px 0;

    border-bottom: 1px solid #ddd;

    margin-top: 35px;

}

.t_box .t_text {

    font: 16px/22px Arial, Helvetica, sans-serif;

    color: #666;

    width: 75%;

    float: right;

    border-left: 3px solid #ddd;

    font-style: italic;

    padding-left: 25px;

}

.t_from {

    float: left;

    text-align: right;

    width: 23%;

}

.t_text_1 {

    height: 66px;

    overflow: hidden;

    display: block;

}

.t_text_1_auto {

    height: auto;

}

.rm_link {

    background: url(../images/art2.png) no-repeat;

    width: 90px;

    height: 13px;

    display: inline-block;

    margin: 15px 0 0 0;

}

.rm_link_x {

    background: url(../images/art.png) no-repeat;

}

.brand_list ul,

.brand_list ul li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.brand_list ul li {

    float: left;

    width: 25%;

    margin-bottom: 25px;

}

.brand_w2 {

    width: 169px;

    height: 104px;

    margin: auto;

    border: 1px solid #eee;

    padding: 5px;

}

.brand_img2 {

    width: 157px;

    height: 92px;

    margin: auto;

    overflow: hidden;

}

.brand_img2 figure {

    width: 157px;

    height: 92px;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.brand_img2 img {

    display: block;

    margin: auto;

}

.pt32_m {

    padding-top: 32px;

}

.track_area {

    width: 90%;

    margin: auto;

}

.flag_sec {

    position: absolute;

    z-index: 9;

    top: 0;

    left: 0;

}

.list_left {

    width: 20%;

    float: left;

    margin: 15px 0;

}

.list_right {

    width: 78%;

    float: right;

    margin: 15px 0;

}

.list_left h2 {

    font: 300 23px/23px Arial, Helvetica, sans-serif;

    display: block;

    color: #484848;

    text-transform: uppercase;

}

.mylinks1 b {

    display: block;

    font: 700 14px/18px Arial, Helvetica, sans-serif;

    color: #213d5a;

    margin-bottom: 4px;

    padding: 2px 0 2px 20px;

}

.mylinks1 p a {

    background: 0 0;

    padding: 0;

    display: block;

    font-size: 13px !important;

    margin: 2px 0 0 0;

    color: #666;

}

.mylinks1 p a:hover {

    color: #333;

    text-decoration: underline;

}

.mylinks1 p a.act {

    color: #116cad !important;

    font-weight: 700;

}

.list_left label {

    font-weight: 400;

}

.scroll_bar {

    height: 121px;

    overflow-y: scroll;

    margin: 5px;

}

.filter_dis {

    display: block;

}

.new_list ul,

.new_list ul li {

    margin: 0 0 20px 0;

    padding: 0;

    list-style: none;

}

.new_list ul li {

    float: left;

    width: 33.333%;

}

.star_area {

    width: 80%;

    padding: 20px;

}

.star_line a,

.star_line b {

    vertical-align: middle;

    display: inline-block;

}

.star_line b {

    width: 200px;

    background: #ddd;

    margin: 0 5px;

    border: 1px solid #d1d1d1;

}

.star_line b span {

    height: 12px;

    background: #ff9b59;

    display: block;

    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}

.star_rev a {

    display: block;

    padding: 7px;

    border-bottom: 1px solid #ddd;

    background: url(../images/ar3.png) no-repeat 98% center;

}

.star_rev a:hover {

    background: #ffefe4 url(../images/ar3.png) no-repeat 98% center;

}

.star_rev_c img {

    vertical-align: middle;

}

.tab-bdr1 td {

    padding: 10px 15px;

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

}

.tab-bdr1 tr:first-child {

    background: #fff;

}

a.btn5 {

    color: #fff;

}

a:visited.btn5 {

    color: #fff !important;

}

.btn5 {

    background: #116cad;

    padding: 5px 10px;

    line-height: 25px;

    color: #fff !important;

    font-size: 13px;

    border-radius: 5px;

    display: inline-block;

    text-transform: uppercase;

}

.btn5:hover {

    color: #fff;

    background: #000;

}

.pay_type {

    padding: 20px;

    margin-top: 20px;

    text-align: center;

}

.dd_next2 {

    margin: 10px 0 0 0;

    padding: 7px;

    background: url(../images/pls3.png) no-repeat 96% center;

    cursor: pointer;

    border-bottom: 1px solid #ccc;

}

.dd_next_act2 {

    background: url(../images/mns3.png) no-repeat 96% center;

}

.bg-red {

    background: #666;

}

.ref_box_h {

    height: 0;

    overflow: hidden;

    opacity: 0;

    padding: 0;

}

.ref_box {

    padding-left: 10px;

    padding-top: 10px;

    border-width: 0 1px 1px 1px;

    background: #f9f9f9;

    transition: all ease-in-out 0.3s;

}

.ref_box label {

    display: block;

    width: 100%;

    font-weight: 400;

}

.ref_box label input[type="checkbox"] {

    vertical-align: top;

    margin-right: 10px;

}

.ref_box label input[type="text"] {

    padding: 5px 10px;

    border: 1px solid #ccc;

    width: 90%;

    border-radius: 3px;

}

.recent_news {

    margin: 15px 0;

}

.recent_news ul,

.recent_news ul li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.recent_news ul li {

    margin: 15px 0;

    background: url(../images/aro-1.png) no-repeat 0 4px;

    padding: 0 0 0 25px;

}

.recent_news ul li a {

    display: block;

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: #000;

}

.recent_news ul li p {

    font-size: 12px;

    color: #999;

    margin-top: 7px;

}

.news_dtl_pc {

    margin: 20px 0;

    max-height: 500px;

    width: 100%;

    overflow: hidden;

}

.news_dtl_pc img {

    width: 100%;

    height: auto;

    display: block;

}

.news_box {

    border: 1px solid #eee;

    padding: 15px;

    box-shadow: 1px 0 5px #ddd;

    margin-top: 18px;

}

.news_box:hover {

    border: 1px solid #ccc;

    background: #fcfcfc;

    border-radius: 20px;

}

.news_thm_area {

    width: 270px;

    float: left;

}

.news_thm {

    width: 270px;

    height: 170px;

    margin: auto;

    overflow: hidden;

}

.news_thm figure {

    width: 270px;

    height: 170px;

    display: table-cell;

    vertical-align: middle;

}

.news_thm figure img {

    display: block;

    margin: auto;

    width: 100%;

}

.news_cnt {

    width: 65%;

    margin-left: 25px;

    float: left;

}

.news_cnt .cat {

    font: 600 13px/20px "Open Sans", Arial, Helvetica, sans-serif;

    color: #ed7c0d;

    text-transform: uppercase;

    text-decoration: none;

    margin-bottom: 5px;

}

.news_cnt .title {

    margin-top: -5px;

    height: 58px;

    overflow: hidden;

}

.news_cnt .title a {

    font: 600 23px/28px "Open Sans", Arial, Helvetica, sans-serif;

    color: #000;

}

.news_cnt .date {

    font: 14px/20px "Open Sans", Arial, Helvetica, sans-serif;

    color: #8c8c8c;

    margin-top: 3px;

}

.news_cnt .cnt {

    font: 14px/20px "Open Sans", Arial, Helvetica, sans-serif;

    color: #666;

    margin-top: 10px;

    height: 80px;

    overflow: hidden;

}

.news_dtl_sec {

    width: auto;

    margin: auto;

    border: 1px solid #ddd;

    padding: 15px;

    box-shadow: 1px 0 5px #ddd;

}

.news_img_dtl {

    width: auto;

    height: 540px;

    margin: auto;

    overflow: hidden;

}

.news_img_dtl figure {

    width: 860px;

    height: 540px;

    display: table-cell;

    vertical-align: middle;

}

.news_img_dtl figure img {

    display: block;

    margin: auto;

    width: 100%;

}

.catalog_box_area {

    border: 1px solid #eee;

    padding: 15px;

    box-shadow: 1px 0 5px #ddd;

    margin-top: 18px;

}

.catalog_box_area:hover {

    border: 1px solid #ccc;

    background: #fcfcfc;

    border-radius: 20px;

}

.catalog_img {

    width: 150px;

    height: 147px;

    float: left;

    overflow: hidden;

}

.catalog_img figure {

    width: 150px;

    height: 147px;

    display: table-cell;

    vertical-align: middle;

}

.catalog_img figure img {

    display: block;

    margin: auto;

    width: 100%;

}

.catalog_sec {

    width: 84%;

    float: left;

    margin-left: 20px;

    text-align: left;

}

.catalog_title {

    font-size: 20px;

    color: #116cad;

    height: 30px;

    overflow: hidden;

}

.catalog_sec2 {

    width: 80%;

    float: left;

    margin-left: 20px;

    text-align: left;

}

.categorie_list2 {

    margin: 0;

    margin-top: 30px;

    padding: 0;

}

.categorie_list2 ul {

    margin: 0;

    padding: 0;

}

.categorie_list2 ul li {

    margin: 0 0 20px 0;

    padding: 0 15px;

    list-style: none;

    float: left;

    width: 25%;

}

.categorie_list2 ul li a {

    font: bold 16px/20px "Open Sans", Arial, Helvetica, sans-serif;

    color: #073758;

    border: 1px solid #ccc;

    background: #eee;

    display: block;

    padding: 15px 10px;

    border-radius: 3px;

    text-align: center;

    min-height: 72px;

}

.payment_box {

    width: 400px;

    margin: auto;

    text-align: left;

    margin-top: 20px;

    border: #ccc 1px solid;

    border-radius: 5px;

    padding: 15px;

}

.fluid_dg_pag_ul{
    display:none !important;
}

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

    .container {

        width: 100%;

        padding: 0 10px;

    }

    .trending_w {

        width: 100%;

        margin: auto;

    }

    .sec_box2 {

        width: 60%;

        float: left;

        margin-left: 22px;

    }

    header .container {

        padding: 0;

    }

    .nws_right input[type="text"] {

        width: 18%;

    }

    .pro_cat {

        margin: 20px auto;

        max-width: 990px;

    }

    .pro_cat ul li {

        width: 33.3333%;

    }

    .right_zone {

        width: 81%;

    }

    .dtl_right {

        width: 56%;

    }

    .list_left {

        width: 22%;

        float: left;

        margin: 15px 0;

    }

    .list_right {

        width: 76%;

        float: right;

        margin: 15px 0;

    }

    .news_cnt {

        width: 62%;

    }

    .news_dtl_sec {

        width: 812px;

        margin: auto;

    }

    .news_img_dtl {

        width: 780px;

        height: 490px;

    }

    .news_img_dtl figure {

        width: 780px;

        height: 490px;

    }

    .catalog_sec2 {

        width: 78%;

        float: left;

    }

    .catalog_sec {

        width: 82%;

        float: left;

        margin-left: 20px;

        text-align: left;

    }

}

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

    .logo_area {

        margin-top: 31px;

    }

    .visit_btn {

        color: #ec008d;

        font: 12px/32px Roboto, sans-serif;

        background: #ec008d;

        height: 32px;

        border-radius: 5px;

        padding: 0 10px;

        text-align: center;

        display: inline-block;

        color: #fff;

        position: absolute;

        z-index: 9;

        top: -6px;

        right: 390px;

    }

    .categorie_list ul li {

        float: left;

        width: 33.333%;

    }

    .people_box {

        width: 100%;

    }

    .sec_box2 {

        width: 52%;

    }

    .list_o_hid {

        width: 100%;

        margin: 30px auto 0 auto;

        overflow: hidden;

    }

    .hot_list ul li {

        float: left;

        width: 33.333%;

    }

    .hot_area {

        width: 240px;

    }

    .hot_area_1 {

        width: 240px;

    }

    .cart-div {

        right: 50px;

    }

    .newsletter_box {

        padding: 20px 10px;

        text-align: center;

    }

    .nws_left {

        float: none;

        border-right: 0;

        width: auto;

        padding-right: 0;

    }

    .nws_right {

        float: none;

        padding: 10px 0;

        width: auto;

        margin: 12px 0 0 0;

    }

    .ft_logo_sec {

        width: 100%;

    }

    .ft_call_sec {

        width: 100%;

        margin-top: 0;

    }

    .newsletter_area {

        width: 50%;

        float: left;

        text-align: left;

        margin-top: 0;

    }

    .follow_area {

        width: 50%;

        float: right;

        text-align: right;

        margin-top: 0;

    }

    .newsletter1 {

        width: 100%;

        float: none;

        text-align: center;

        font: 16px/20px Arial, Helvetica, sans-serif;

        color: #fff;

        padding: 8px 0 0 0;

    }

    .newsletter2 {

        width: 100%;

        float: none;

        text-align: center;

        margin-top: 10px;

    }

    .newsletter3 {

        width: 100%;

        float: none;

        text-align: center;

        margin-top: 10px;

        font: 16px/20px Arial, Helvetica, sans-serif;

        padding: 0;

        color: #f5ccab;

    }

    footer {

        margin: 0;

        min-height: 200px;

    }

    .foot {

        margin-bottom: 0;

    }

    .pro_container_2 ul li {

        width: 33.33333%;

    }

    .pro_container_2 ul li:nth-child(7) {

        margin-left: 16.566666%;

    }

    .qnt a {

        border: 1px solid #ccc;

        border-radius: 100%;

        padding: 0 9px;

    }

    .left_zone {

        float: left;

        width: 22%;

    }

    .right_zone {

        float: right;

        width: 75%;

    }

    .pro_container_2_inr ul li,

    .pro_container_2_inr ul li:nth-child(7) {

        width: 50%;

        margin: 0;

    }

    .pro_container_2_inr_dtl ul li {

        float: left;

        width: 33.33333%;

    }

    .acc_odh_filter p {

        width: 28%;

    }

    .flag_sec {

        position: absolute;

        z-index: 9;

        top: 0;

        left: -150px;

    }

    .list_left {

        width: 24%;

        float: left;

        margin: 15px 0;

    }

    .list_right {

        width: 74%;

        float: right;

        margin: 15px 0;

    }

    .new_list ul li {

        float: left;

        width: 33.333%;

    }

    .dtl_right {

        width: 46%;

    }

    .dtl_color_cont .col-xs-12 {

        padding: 10px;

    }

    .dtl_color_cont .col-xs-12:nth-child(2) {

        padding-left: 15px;

    }

    .profiel-pic {

        top: 120px;

        left: 13px;

    }

    .news_cnt {

        width: 56%;

    }

    .news_cnt .title {

        height: 45px;

        overflow: hidden;

    }

    .news_cnt .title a {

        font: 600 18px/22px "Open Sans", Arial, Helvetica, sans-serif;

        color: #000;

    }

    .news_dtl_sec {

        width: 732px;

        margin: auto;

    }

    .news_img_dtl {

        width: 700px;

        height: 440px;

    }

    .news_img_dtl figure {

        width: 700px;

        height: 440px;

    }

    .catalog_sec2 {

        width: 74%;

        float: left;

    }

    .catalog_sec {

        width: 75%;

        float: left;

        margin-left: 20px;

        text-align: left;

    }

    .categorie_list2 ul li {

        width: 33.333333%;

    }

}

@media only screen and (max-width: 991px) {
     .call_sec {
        margin-top: 1px;
     }
    .mid_area {

        padding: 10px 15px;

    }

    .breadcrumb_outer .breadcrumb {

        margin: 0;

        font-size: 14px;

        background: 0 0;

        padding: 5px;

    }

    h1 {

        font: bold 24px/30px Arial, Helvetica, sans-serif;

    }

    h2 {

        font: bold 18px/24px Arial, Helvetica, sans-serif;

    }

    h3 {

        font: bold 16px/22px Arial, Helvetica, sans-serif;

    }

    body {

        padding-top: 0;

    }

    header {

        background: #f4f4f4;

        margin-bottom: 0;

    }

    .top2 {

        height: auto;

        padding-bottom: 10px;

    }

    .top2_fixer {

        position: static;

        z-index: 99;

        top: 0;

        box-shadow: none;

    }

    .top2_b {

        height: 0;

        display: none;

    }

    .top_bg {

        padding: 5px 0 15px 0;

    }

    .logo_area {

        margin-top: 10px;

        margin-bottom: 10px;

    }

    .search_pos {

        position: absolute;

        z-index: 9;

        top: 35px;

        right: 30px;

        width: 40px;

    }

    .navbar-collapse {

        position: absolute;

        top: 7px;

        left: 230px;

    }

    .navbar-static-top {

        margin: 0;

        width: 80%;

    }

    .navbar-toggle {

        background-image: none;

        background-color: none;

        margin-top: 10px;

        border: 0 solid transparent;

        float: right;

        margin-bottom: 0;

        border-radius: 0;

        margin-left: 0;

        margin-top: 0;

        padding: 0 10px;

        position: absolute;

        z-index: 9;

        top: -20px;

        left: 420px;

        display: block;

        margin-right: 10px;

        padding: 32px 20px;

    }

    .navbar-toggle .icon-bar {

        display: block;

        width: 40px;

        height: 3px;

        border-radius: 2px;

        background-color: #4a2493;

    }

    .navbar-default .navbar-toggle .icon-bar {

        background-color: #fff;

    }

    .navbar-default .navbar-toggle:focus,

    .navbar-default .navbar-toggle:hover {

        background-color: #ff7a3d;

    }

    .navbar-static-top .navbar-nav > li > a {

        padding: 10px 20px;

        margin-top: 0;

    }

    .navbar-nav {

        float: none;

        margin: 0;

        display: block;

        padding: 0;

        width: 100%;

    }

    .navbar-collapse {

        background: #fff;

        width: 60%;

        border: 1px solid #ddd !important;

        position: absolute;

        top: 40px;

        right: 100px;

    }

    .navbar-collapse.collapse {

        display: none !important;

    }

    .navbar-collapse.collapse.in {

        display: block !important;

    }

    .navbar-static-top .navbar-nav > li {

        float: none;

        display: block;

        border-bottom: 1px solid #ccc;

    }

    .navbar-nav > li {

        float: none;

        text-align: left;

        border-bottom: 1px solid #ddd;

    }

    .navbar-nav > li > a {

        color: #222 !important;

        padding: 9px 20px;

    }

    .navbar-static-top .navbar-nav > li a:hover {

        background: #116cad !important;

        color: #fff;

        border-radius: 0 !important;

    }

    .navbar-default .navbar-nav > .active > a:hover,

    .navbar-fixed-top .navbar-nav > .active > a:focus,

    .navbar-static-top .navbar-nav > .active > a {

        background: 0 0;

        color: #000;

    }

    .navbar-nav > li > a.act {

        border-radius: 0 !important;

    }

    .navbar-nav .open .dropdown-menu {

        width: 100%;

        background-color: #fff;

    }

    .navbar-nav .open .dropdown-menu > li > a {

        padding: 5px 10px 5px 15px;

        font-size: 13px;

        color: #000 !important;

    }

    .navbar-nav .open .dropdown-menu > li > a:hover {

        color: #000;

    }

    .categorie_sec {

        background: #f4f4f4;

        padding: 20px 0;

    }

    .categorie_sec h2 {

        font: bold 26px/28px Arial, Helvetica, sans-serif;

    }

    .categorie_list ul li {

        float: left;

        width: 50%;

    }

    .featured_sec h2 {

        font: bold 26px/28px Arial, Helvetica, sans-serif;

    }

    .welcome_sec h1 {

        font: bold 26px/28px Arial, Helvetica, sans-serif;

    }

    .visit_btn {

        color: #ec008d;

        font: 12px/32px Roboto, sans-serif;

        background: #ec008d;

        height: 32px;

        border-radius: 5px;

        padding: 0 10px;

        text-align: center;

        display: inline-block;

        color: #fff;

        transition: all 0.3s linear;

        border: 0;

        position: absolute;

        z-index: 9;

        top: -6px;

        right: 100px;

    }

    .visit_btn:hover {

        background: #222;

        color: #fff;

    }

    .testimonial_img_bg {

        background: 0 0;

        height: auto;

    }

    .testimonial_box {

        width: 100%;

        padding: 30px 30px;

    }

    .testimonial_box .cnt {

        height: auto;

        overflow: hidden;

    }

    .box_area {

        width: 100%;

        height: 300px;

        padding: 30px 0;

    }

    .box_area .sec_box1 {

        width: 114px;

        height: 114px;

        float: none;

        margin: auto;

    }

    .sec_box2 {

        width: 100%;

        float: none;

        margin-left: 0;

        text-align: center;

        margin-top: 15px;

    }

    .sec_box1 figure {

        width: 114px;

        height: 114px;

        display: table-cell;

        vertical-align: middle;

        text-align: center;

    }

    .sec_box1 figure img {

        display: block;

        max-width: 100%;

    }

    .sec_box2 h2 {

        font: 600 22px/24px Arial, Helvetica, sans-serif;

        color: #fff;

        display: block;

        letter-spacing: 2px;

    }

    .br {

        border-right: 1px solid #626262;

    }

    .banner-area {

        margin-top: 10px;

    }

    .advertisment-1 {

        float: left;

        text-align: center;

        width: 50%;

        margin-left: 0;

        margin-top: 10px;

    }

    .advertisment-2 {

        float: left;

        text-align: center;

        width: 50%;

        margin-top: 10px;

        margin-left: 0;

    }

    .cat_bg {

        height: auto;

    }

    .cat_list {

        width: 100%;

    }

    .list_o_hid {

        width: 100%;

        margin: 30px auto 0 auto;

        overflow: hidden;

    }

    .hot_list ul li {

        float: left;

        width: 50%;

    }

    .cart-div {

        right: 70px;

    }

    .banner_area {

        padding: 0;

    }

    .banner_left {

        width: 100%;

        float: none;

        border-right: 0;

    }

    .newsletter_box {

        padding: 20px 0;

        text-align: center;

    }

    .nws_right input[type="text"] {

        font-size: 13px;

        width: 17%;

    }

    .nws_right * {

        margin: 0 1px;

    }

    .nws_right input.two {

        width: 13%;

    }

    .nws_right .btn {

        padding: 9px 12px;

        font-size: 13px;

    }

    .newsletter_search input[type="text"] {

        width: 100%;

    }

    .pro_container_2 ul li {

        width: 50%;

    }

    .pro_container_2 ul li:nth-child(7) {

        margin-left: 0;

    }

    footer {

        margin: 30px 0 0 0;

        min-height: 200px;

    }

    .foot {

        margin-bottom: 0;

    }

    .foot1 {

        width: 42%;

        float: left;

    }

    .foot2 {

        width: 23%;

        float: left;

    }

    .foot4 {

        width: 35%;

        float: right;

    }

    .ft_logo_sec {

        width: 50%;

        float: left;

    }

    .ft_call_sec {

        width: 50%;

        float: left;

        margin-top: 0;

    }

    .newsletter_area {

        width: 70%;

        float: none;

        text-align: center;

        margin-top: 0;

        margin: auto;

    }

    .follow_area {

        width: 100%;

        float: none;

        text-align: center;

        margin-top: 0;

    }

    .foot_contact {

        width: 92%;

    }

    .pro_cat {

        margin: 20px auto;

        max-width: 100%;

    }

    .pro_cat ul li {

        width: 50%;

    }

    .left_zone {

        float: none;

        width: 100%;

    }

    .right_zone {

        float: none;

        width: 100%;

    }

    .pro_container_2_inr ul li,

    .pro_container_2_inr ul li:nth-child(7) {

        width: 50%;

        margin: 0;

    }

    .thum_w {

        width: 80%;

        margin: 30px auto;

    }

    .pc_box {

        margin: 20px auto 0;

        float: none;

        height: 440px;

    }

    .dtl_right {

        float: none;

        width: 100%;

        margin: 20px 0;

        text-align: center;

    }

    .dtl_color_cont {

        margin: 25px auto 0;

        padding: 1px;

        border: 1px solid #eee;

    }

    .dtl_color_cont .col-xs-12 {

        padding: 15px;

        background: #f9f9f9;

    }

    .dtl_color_cont .col-xs-12:nth-child(2) {

        padding-left: 25px;

    }

    .details {

        text-align: center;

    }

    .str1_sec1 {

        width: 100%;

        float: none;

    }

    .str1_sec2 {

        width: 100%;

        float: none;

        margin-top: 10px;

    }

    .str1_sec3 {

        width: 100%;

        float: none;

        margin-top: 10px;

    }

    .login_top {

        height: auto;

        padding: 10px 0;

        position: static;

    }

    .login_top .container {

        width: 100%;

    }

    .login_container {

        margin: 2px 0 0 0;

        background-size: cover;

        height: auto;

    }

    .login_container .container {

        width: 100%;

        padding: 0 15px;

    }

    .login_foot .container,

    .register_container .container {

        width: 100%;

    }

    .register_container {

        margin: 0;

    }

    .register_container .mob_c {

        text-align: center;

    }

    .register_container .reg_r {

        display: none !important;

    }

    .acc_container {

        margin-bottom: 0;

    }

    .acc_container > .row > .acc_right > div {

        border-left: 0;

        min-height: 220px;

        padding: 30px 0;

    }

    .acc_links {

        padding: 15px 0;

        margin: 20px 0 0 0;

        border: 1px solid #eee;

        border-radius: 2px;

    }

    .acc_links a {

        margin: 0 0.5% 2px;

        width: 32%;

        display: inline-block;

    }

    .acc_odh_filter p {

        width: 28.5%;

    }

    .testimonials_left {

        width: 63%;

        float: left;

        margin: 10px 0 0 0;

    }

    .testimonials_right {

        width: 33%;

        float: right;

        margin: 10px 0 0 0;

    }

    .t_left {

        float: left;

        width: 72%;

        border-right: 1px solid #ddd;

    }

    .t_right {

        float: right;

        width: 26%;

        margin: 25px 0 0 0;

    }

    .t_box .t_text {

        width: auto;

        float: none;

        border-left: 0;

        padding-left: 0;

    }

    .t_from {

        float: none;

        text-align: left;

        width: auto;

    }

    .login_box {

        width: 96%;

        margin: 10px auto;

        min-height: 210px;

    }

    .reg-lft {

        width: 42%;

    }

    .reg-right {

        width: 58%;

        padding: 130px 0 0 40px;

    }

    .list_left {

        width: 100%;

        float: none;

        margin: 15px 0;

    }

    .list_right {

        width: 100%;

        float: none;

        margin: 15px 0;

    }

    .filter_dis {

        display: none;

    }

    .filter_mob {

        background: #222;

        padding: 8px;

    }

    .filter_mob img {

        margin-top: 5px;

        margin-right: -25px;

    }

    .new_list ul li {

        float: left;

        width: 33.333%;

    }

    .list_left .sec_pr {

        padding-right: 10px;

    }

    .cms_pc {

        float: right;

        margin: 5px 0 10px 10px;

        max-width: 50%;

        border: 1px solid #eee;

        padding: 10px;

    }

    .news_cnt {

        width: 55%;

    }

    .news_cnt .title {

        height: 45px;

        overflow: hidden;

    }

    .news_cnt .title a {

        font: 600 18px/22px "Open Sans", Arial, Helvetica, sans-serif;

        color: #000;

    }

    .news_cnt .cnt {

        height: auto;

    }

    .news_dtl_sec {

        width: 712px;

        margin: auto;

    }

    .news_img_dtl {

        width: 680px;

        height: 427px;

    }

    .news_img_dtl figure {

        width: 680px;

        height: 427px;

    }

    .categorie_list2 ul li {

        width: 50%;

    }

}

@media only screen and (max-width: 767px) {
    
    .fluid_container{
        display:none;
    }
    
    .navbar_area {
        margin-top:0px;
    }
   

    h1 {

        font: bold 22px/24px Arial, Helvetica, sans-serif;

        display: block;

        color: #484848;

        margin-bottom: 25px;

    }

    .top_bg {

        background: #11486f;

        padding: 5px 0 25px 0;

    }

    .logo_area {

        text-align: center;

        border-bottom: 1px solid #14517b;

        margin-top: 10px;

    }

    .right_sec {

        text-align: center;

    }

    .search_pos {

        position: absolute;

        z-index: 9;

        top: 36px;

        right: 25px;

        width: 40px;

    }

    .navbar-collapse {

        position: absolute;

        top: 7px;

        left: 0;

    }

    .navbar-static-top {

        margin: 0;

        width: 100%;

        margin-bottom:0 !important;

        min-height:0 !important;

    }

    .navbar-collapse {

        background: #fff;

        width: 100%;

        border: 1px solid #ddd !important;

        position: absolute;

        top: 37px;

        left: 0;

        padding-right: 0;

        padding-left: 0;

    }

    .navbar-toggle {

        position: absolute !important;

        z-index: 10;

        right: 20px;

    display: block;

    margin-right: 10px;

    padding: 32px 20px;

    left: auto;

    }

    .bb

    {

        border:none;

            width: 25%;

    float: left;

    }

    .link_sec

    {

        float: left;

    width: 72%;

    }

    .categorie_sec {

        background: #f4f4f4;

        padding: 0 0 20px 0;

    }

    .categorie_sec h2 {

        font: bold 22px/26px Arial, Helvetica, sans-serif;

    }

    .categorie_list ul,

    .categorie_list ul li {

        margin: 0 0 10px 0;

        padding: 0;

        list-style: none;

    }

    .categorie_list ul li {

        float: none;

        width: 100%;

    }

    .categorie_box {

        width: 100%;

        height: auto;

    }

    .featured_sec h2 {

        font: bold 22px/26px Arial, Helvetica, sans-serif;

    }

    .people_say_bg {

        width: 100%;

        height: auto;

        margin: 23px 0;

        padding: 35px 20px;

    }

    .people_say_bg h2 {

        font: bold 20px/24px Arial, Helvetica, sans-serif;

        color: #fff;

        padding: 0;

        margin: 0;

    }

    .welcome_sec h1 {

        font: bold 20px/24px Arial, Helvetica, sans-serif;

        margin: 0;

    }

    .copy_t_a_l {

        text-align: center;

    }

    .copy_t_a_r {

        text-align: center !important;

    }

    .copy_t_a_r .pull-right {

        float: none !important;

    }

    .copy_t_a_r img {

        display: block;

        margin: auto;

    }

    .ft_logo_sec {

        width: 45%;

        float: left;

    }

    .ft_call_sec {

        width: 50%;

        float: left;

        margin-left: 20px;

        margin-top: 0;

        font-size: 11px !important;

    }

    .f_dd_box {

        display: none;

        padding: 5px 15px;

        margin: 0;

    }

    .f_dd_box .mt12 {

        margin-top: 0;

    }

    .dd_next {

        margin: 5px 0 0 0;

        padding: 10px;

        background: #116cad url(../images/pls1.png) no-repeat 96% center;

        color: #fff;

        cursor: pointer;

        border-bottom: 1px solid #5ad;

    }

    .dd_next_act {

        background: #116cad url(../images/mns1.png) no-repeat 96% center;

    }

    footer {

        margin: 0;

        min-height: 200px;

    }

    .follow_area {

        width: 100%;

        float: none;

        text-align: left;

    }

    .ft_link a:hover {

        color: #00a9f0;

    }

    .ft_link2 {

        width: 100%;

        float: none;

    }

    .ft_link2 a:hover {

        color: #00a9f0;

    }

    .newsletter_area {

        width: 100%;

        float: none;

        text-align: left;

        margin-top: 0;

    }

    .follow_area {

        width: 100%;

        float: none;

        text-align: left;

        margin-top: 0;

    }

    .ft_logo_sec {

        width: 100%;

        float: none;

    }

    .ft_call_sec {

        width: 100%;

        float: none;

        margin-top: 20;

        margin-left: 0;

    }

    .foot_contact {

        width: 92%;

    }

    .box_area {

        width: 100%;

        height: auto;

        padding: 30px 0;

    }

    .box_area .sec_box1 {

        width: 114px;

        height: 114px;

        float: none;

        margin: auto;

    }

    .sec_box2 {

        width: 100%;

        float: none;

        margin-left: 0;

        text-align: center;

        margin-top: 15px;

    }

    .sec_box1 figure {

        width: 114px;

        height: 114px;

        display: table-cell;

        vertical-align: middle;

        text-align: center;

    }

    .sec_box1 figure img {

        display: block;

        max-width: 100%;

    }

    .sec_box2 h2 {

        font: 600 16px/18px Arial, Helvetica, sans-serif;

        color: #fff;

        display: block;

        letter-spacing: 2px;

    }

    .br {

        border-right: 0;

    }

    .trending_w {

        width: 100%;

        margin: auto;

    }

    .trending_bg {

        background: #fff;

        width: 100%;

        height: auto;

        padding-bottom: 20px;

    }

    .mob_hider {

        display: none;

    }

    .mob_only {

        display: block;

    }

    .brwse-hed a {

        padding: 15px 0 15px 0;

    }

    .banner-area {

        margin-top: 10px;

    }

    .advertisment-1 {

        float: left;

        text-align: left;

        width: auto;

        margin-left: 40px;

        margin-top: 10px;

    }

    .advertisment-2 {

        float: left;

        text-align: left;

        width: auto;

        margin-top: 10px;

        margin-left: 15px;

    }

    .project-area {

        width: 230px;

    }

    .text_cnt span {

        font-size: 24px;

        line-height: 20px;

    }

    .hot_list ul li {

        float: left;

        width: 50%;

    }

    .cart-div {

        right: 17px;

    }

    .newsletter_box {

        padding: 20px;

        text-align: center;

        background: #f8f8f8;

        margin: 15px 0;

        border: 1px solid #eee;

    }

    .xs_title {

        background: url(../images/arb.png) no-repeat center bottom;

        cursor: pointer;

        padding-bottom: 12px;

        font-size: 20px;

    }

    .nws_right {

        display: none;

        margin: 0;

    }

    .nws_right input[type="text"] {

        width: 100%;

    }

    .nws_right * {

        margin: 3px 0;

    }

    .nws_right input.two {

        width: 40%;

    }

    .nws_right .btn {

        padding: 9px 20px;

        font-size: 13px;

    }

    .pro_container_2 ul li,

    .pro_container_2 ul li:nth-child(7) {

        width: 300px;

        float: none;

        margin: auto;

    }

    .thum_w {

        width: 100%;

        margin: 0 auto;

    }

    .low_pos {

        position: absolute;

        z-index: 9;

        top: -5px;

        right: 0;

    }

    .cod_sec b {

        display: block;

        margin: 5px 0;

    }

    .cod_sec .pl15 {

        padding-left: 0;

    }

    footer {

        margin: 30px 0 0 0;

        min-height: 200px;

    }

    .foot1 {

        width: auto;

        float: none;

        text-align: center;

    }

    .foot2 {

        width: auto;

        float: none;

        text-align: center;

        margin: 20px 0;

    }

    .foot4 h2 {

        margin-bottom: 10px;

    }

    .foot4 {

        width: auto;

        float: none;

        text-align: center;

    }

    .footlink {

        display: inline;

        float: none;

        margin: 0;

    }

    .footlink br {

        display: none;

    }

    .footlink a {

        background: #f1f1f1;

        padding: 5px 12px;

        color: #333;

        border-radius: 5px;

        font-size: 14px;

    }

    .footlink a:hover {

        background: #666;

        color: #fff;

        text-decoration: none;

    }

    .soc_links a {

        display: inline-block;

        width: 32px;

        overflow: hidden;

    }

    .soc_links a span {

        display: none;

    }

    .copyright {

        margin: 30px 0 30px;

        border-top: 1px solid #eee;

        padding-top: 20px;

    }

    .copyright img {

        display: block;

        margin: 3px auto;

    }

    .pro_cat ul li {

        width: 100%;

    }

    .hot_area {

        width: 232px;

    }

    .pro_container_2_inr ul li,

    .pro_container_2_inr ul li:nth-child(7) {

        width: 100%;

        margin: 0;

    }

    .sort_opt {

        float: none;

        margin: 2px 0 0;

        text-align: center;

        padding: 10px 0;

        background: #666;

        border: 1px solid #ddd;

        border-radius: 2px;

    }

    .sort_opt span {

        display: block;

        margin-bottom: 8px;

    }

    .sort_opt select {

        display: block;

        margin: 8px auto;

    }

    .mylsttb {

        padding: 15px 10px;

        margin: 10px 1px;

    }

    .mylsttb .ac {

        margin: 10px 0 0;

        text-align: left;

    }

    .coupon_input {

        text-align: center;

        margin-bottom: 15px;

    }

    .cart_btns,

    .cart_p_dtl {

        text-align: center;

    }

    .myform {

        margin: 40px 0 0 0;

        width: auto;

    }

    .logo2 {

        margin: auto;

        float: none;

    }

    .login_container {

        background-size: auto;

        background-position: right top;

        height: auto;

    }

    .login_box {

        float: none;

        margin: auto;

        width: 80%;

    }

    .login_foot,

    .login_foot .text-right {

        text-align: center;

    }

    .short_form .fls,

    .short_form input[type="password"],

    .short_form input[type="text"],

    .short_form select,

    .short_form textarea {

        width: 100%;

    }

    .login_right2 {

        float: none;

        text-align: center;

        width: 100%;

        background: #f8f8f8;

        padding: 0 0 15px 0;

        border-radius: 2px;

        border: 1px solid #ddd;

    }

    .acc_container > .row > .acc_right > div {

        padding: 20px 0;

    }

    .acc_links a {

        margin: 0 0.5% 2px;

        width: 48.5%;

    }

    .das_box1 {

        margin-bottom: 20px;

    }

    .app_container .left-xs {

        text-align: left;

        padding-left: 85px;

        padding-top: 10px;

    }

    .app_container .left-xs img {

        margin-right: 5px;

    }

    .favorite_box {

        margin-top: 20px;

    }

    .acc_odh_filter p {

        width: 39%;

        margin-bottom: 5px;

    }

    .acc_odh_filter p.one {

        width: 99%;

        margin-bottom: 5px;

    }

    .paging .pager {

        text-align: center;

    }

    .cms_pc,

    .cms_pc2 {

        margin: 0 auto 25px auto;

        max-width: 100%;

        float: none;

        display: block;

        text-align: center;

    }

    .contact_box .col-xs-12 {

        margin-bottom: 20px;

    }

    #back-top {

        display: none !important;

    }

    .vc {

        float: none;

        text-align: center;

        margin: 12px 0 0 0;

        overflow: hidden;

    }

    .vc_count span {

        width: 17px;

        line-height: 23px;

        font-size: 14px;

        color: #fff;

        display: inline-block;

        letter-spacing: 9px;

        padding-left: 4px;

        margin: 3px -5px 0 0;

    }

    .testimonials_left {

        width: 100%;

        float: none;

        margin: 10px 0 0 0;

    }

    .testimonials_right {

        width: 100%;

        float: none;

        margin: 10px 0 0 0;

    }

    .t_left {

        float: none;

        width: 100%;

        border-right: 0;

    }

    .t_right {

        float: none;

        width: 100%;

        margin: 20px 0 0 0;

        border-top: 2px solid #ddd;

        padding-top: 25px;

    }

    .t_box .t_text {

        width: auto;

        float: none;

        border-left: 0;

        padding-left: 0;

    }

    .t_from {

        float: none;

        text-align: left;

        width: auto;

    }

    .testi_box {

        padding: 20px 10px 10px 10px;

    }

    .reviews_bg {

        min-height: 450px;

    }

    .brand_list ul li {

        float: left;

        width: 50%;

        margin-bottom: 25px;

    }

    .track_area {

        width: 100%;

        margin: auto;

    }

    .newsletter_search input[type="text"] {

        color: #333;

        background: #fff;

        border: 1px solid #e2e2e2;

        padding: 8px;

        width: 100%;

    }

    .newsletter_search {

        margin: 10px auto;

    }

    .subscribe_btn,

    .subscribe_btn:visited {

        background: #000;

        margin-top: 8px;

        display: inline-block;

        text-align: center;

        color: #fff !important;

        font: 12px/35px Arial, Helvetica, sans-serif;

        height: 35px;

        padding: 0 10px;

        text-transform: uppercase;

        cursor: pointer;

    }

    .subscribe_btn:hover {

        background: #666;

        color: #fff;

        margin-top: 8px;

    }

    .flag_sec {

        position: absolute;

        z-index: 9;

        top: 0;

        left: -70px;

    }

    .new_list ul li {

        float: left;

        width: 50%;

    }

    .pay_type {

        padding: 10px 0;

        text-align: center;

    }

    .browse_btn,

    .browse_btn:visited {

        font: 12px/39px "Open Sans", Sans-Serif;

        padding: 0 16px;

    }

    .browse_btn2,

    .browse_btn2:visited {

        font: 12px/39px "Open Sans", Sans-Serif;

        padding: 0 16px;

    }

    .sitemap a {

        margin: 2px 0;

        width: 100%;

        border-radius: 3px;

        margin-bottom: 8px;

    }

    .sitemap2 {

        text-align: center;

        padding: 30px 0 0 0;

    }

    .sitemap2 a {

        display: block;

        padding: 5px 25px;

        font: 400 14px/20px Arial, Helvetica, sans-serif;

        background: #fff;

        border-radius: 20px;

        margin: 5px 2px;

        color: #666;

        border: 1px solid #ddd;

    }

    .inv_box3 {

        border: 1px solid #ddd;

        padding: 15px;

        height: auto;

        overflow: hidden;

        margin-bottom: 15px;

    }

    .btn1b,

    .btn1b:visited {

        padding: 0 30px;

    }

    .btn2b,

    .btn2b:visited {

        padding: 0 30px;

    }

    .news_thm_area {

        width: 270px;

        margin: auto;

        float: none;

    }

    .news_cnt {

        width: 100%;

        margin-left: 0;

        float: none;

        text-align: center;

        margin-top: 20px;

    }

    .news_dtl_sec {

        width: 432px;

        margin: auto;

    }

    .news_img_dtl {

        width: 400px;

        height: 251px;

    }

    .news_img_dtl figure {

        width: 400px;

        height: 251px;

    }

    .catalog_sec2 {

        width: 100%;

        float: none;

        margin-top: 20px;

        margin-left: 0;

        text-align: center;

    }

    .catalog_img {

        width: 150px;

        height: 147px;

        margin: auto;

        float: none;

        overflow: hidden;

    }

    .catalog_title {

        height: auto;

    }

    .catalog_sec {

        width: 100%;

        float: none;

        margin-left: 0;

        margin-top: 20px;

        text-align: center;

    }

    .categorie_list2 ul li {

        width: 100%;

        float: none;

        padding: 0;

    }

    .categorie_list2 ul li a {

        min-height: auto;

    }

}

@media only screen and (max-width: 479px) {
    .navbar_area {
      margin-top: 23px;
    }
    
    .search_pos {
        top: 46px !important;
    }
    .whatsapp{

    position: relative;

    bottom: 85px;

    right: 0;

    float: right;

    bottom: 80px;

    }

    .call_sec {

        color: #969696;

        font-size: 12px;

        margin-top: 12px;

    }

    .link_sec a {

        color: #4da1dc;

        font-size: 12px;

    }

    .search_pos {

        position: absolute;

        z-index: 9;

        top: 26px;

        right: 25px;

        width: 40px;

    }

    .ft_logo_sec {

        width: 100%;

        float: none;

    }

    .ft_call_sec {

        width: 100%;

        float: none;

        margin-left: 0;

        margin-top: 10px;

        font-size: 13px !important;

    }

    .foot_contact {

        width: 88%;

    }

    .newsletter_bg {

        background: #b76d33;

        padding: 20px 10px;

    }

    .newsletter_search input[type="text"] {

        width: 95%;

        margin-bottom: 8px;

    }

    .newsletter3 {

        font: 14px/18px Arial, Helvetica, sans-serif;

        padding: 0;

        color: #f5ccab;

    }

    .shop_sec .mw_98 {

        width: 40%;

    }

    .video_sec iframe {

        width: 100%;

        height: 250px;

    }

    .advertisment-1 {

        float: none;

        text-align: center;

        width: 100%;

        margin-left: 0;

        margin-top: 10px;

    }

    .advertisment-2 {

        float: none;

        text-align: center;

        width: 100%;

        margin-top: 10px;

        margin-left: 0;

    }

    .pc_box {

        width: 100%;

        height: auto;

        float: none;

    }

    .dtl_pic {

        width: 100%;

        height: auto;

    }

    .dtl_pic span {

        width: 100%;

        height: auto;

    }

    .dtl_pic img {

        width: 100%;

    }

    .prev_arr {

        position: absolute;

        z-index: 999;

        left: 0;

    }

    .next_arr {

        position: absolute;

        z-index: 999;

        right: 0;

    }

    .dtl_thmb ul,

    .dtl_thmb ul li {

        margin: 0;

        padding: 0;

        list-style: none;

        text-align: center;

    }

    .dtl_thmb ul li {

        width: 25%;

        float: left;

        text-align: center;

    }

    .price_sec b {

        display: block;

        margin: 5px 0;

    }

    .price_sec .pl10 {

        padding-left: 0;

    }

    .cat_bg .pull-left {

        float: none;

        width: 100%;

    }

    .btn_sec a {

        display: block;

        margin-bottom: 8px;

        border: 1px solid #ddd;

        padding: 10px;

    }

    .btn_sec .ml20 {

        margin-left: 0;

    }

    .list_o_hid {

        width: 100%;

        margin: 30px auto 0 auto;

        overflow: hidden;

    }

    .hot_list ul li {

        float: left;

        width: 100%;

    }

    .cart-div {

        right: 35px;

    }

    .call {

        background: 0 0;

        padding: 0;

    }

    .email {

        background: 0 0;

        padding: 5px 0 0 0;

    }

    .web {

        background: 0 0;

        padding: 5px 0 0 0;

    }

    .project-area {

        width: 252px;

    }

    .brand_list ul li {

        float: none;

        width: 100%;

        margin-bottom: 25px;

    }

    .newsletter_box {

        padding: 15px;

        text-align: center;

        background: #f8f8f8;

        margin: 15px 0;

        border: 1px solid #eee;

    }

    .xs_title {

        background: url(../images/arb.png) no-repeat center bottom;

        cursor: pointer;

        padding-bottom: 12px;

        font-size: 17px;

    }

    .nws_right {

        display: none;

        margin: 0;

    }

    .nws_right input[type="text"] {

        width: 100%;

    }

    .nws_right * {

        margin: 3px 0;

    }

    .nws_right input.two {

        width: 40%;

    }

    .nws_right .btn {

        padding: 9px 15px;

        font-size: 14px;

    }

    .pro_container_2 ul li,

    .pro_container_2 ul li:nth-child(7) {

        width: 100%;

        max-width: 100%;

    }

    .dtl_xs_pc {

        display: block;

    }

    .login_box {

        width: 100%;

    }

    .login_container .container {

        padding: 30px 15px;

    }

    .login_foot {

        margin-top: 20px;

    }

    .short_form .fls,

    .short_form input[type="password"],

    .short_form input[type="text"],

    .short_form select,

    .short_form textarea {

        padding: 9px;

        width: 100%;

    }

    .short_form .w36 {

        float: none;

        width: 100%;

        text-align: left;

    }

    .short_form .w62 {

        float: none;

        width: 100%;

    }

    .login_right2 {

        float: none;

        text-align: center;

        width: 100%;

        background: #f8f8f8;

        padding: 0 0 15px 0;

        border-radius: 2px;

        border: 1px solid #ddd;

    }

    .acc_container > .row > .acc_right > div {

        padding: 20px 0;

    }

    .acc_links {

        padding: 15px;

    }

    .acc_links a {

        margin: 1px 0;

        width: 100%;

    }

    .add_btn {

        float: none;

        margin: 0 0 10px 0;

    }

    .add_btn a {

        border-radius: 3px;

        width: 100%;

    }

    .inr_addresses .col-sm-2 {

        text-align: left;

    }

    .acc_odh_filter p {

        width: 100%;

        margin-bottom: 5px;

    }

    .acc_odh_filter p.one {

        width: 100%;

        margin-bottom: 5px;

    }

    .newsletter_search input[type="text"] {

        color: #333;

        background: #fff;

        border: 1px solid #e2e2e2;

        padding: 8px;

        width: 100%;

        text-transform: capitalize;

    }

    .newsletter_search {

        margin: 10px auto;

    }

    .subscribe_btn,

    .subscribe_btn:visited {

        background: #000;

        margin-top: 8px;

        display: inline-block;

        text-align: center;

        color: #fff !important;

        font: 12px/35px Arial, Helvetica, sans-serif;

        height: 35px;

        padding: 0 10px;

        text-transform: uppercase;

        cursor: pointer;

    }

    .subscribe_btn:hover {

        background: #666;

        color: #fff;

        margin-top: 8px;

    }

    .new_list ul li {

        float: none;

        width: 100%;

    }

    .thm1 {

        width: 52px;

        height: 52px;

    }

    .thm1 span {

        width: 50px;

        height: 49px;

    }

    .news_thm_area {

        width: 220px;

    }

    .news_thm {

        width: 220px;

        height: 138px;

    }

    .news_thm figure {

        width: 220px;

        height: 138px;

    }

    .news_dtl_sec {

        width: 252px;

        margin: auto;

        padding: 5px;

    }

    .news_img_dtl {

        width: 240px;

        height: 151px;

    }

    .news_img_dtl figure {

        width: 240px;

        height: 151px;

    }

    .payment_box {

        width: 100%;

    }

}



.cod {

    width: 70%;

    margin: 0 auto;

    display: none;

}

.cod label {

    display: block;

    text-align: left;

    width: 98%;

    margin: 10px auto 0;

    line-height: 25px;

}

.cod input {

    width: 98%;

}