/*[Reset Css]*/
* {
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    transition: all 0.3s;
}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul,
li, form, fieldset, legend, label, table, header, footer, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
}
ol, ul {list-style: none;}
a{color: #4a4a4a;}
a,button,input[type='submit'],input[type='button']{outline:none;text-decoration:none;cursor: pointer;}
a[disabled] {pointer-events: none; cursor: default;}
img {max-width: 100%;height: auto;border: 0;outline: 0; }
.clearfix::after {content: "";clear: both;display: table;}


/*[/Reset Css]*/
@font-face {
    font-family: 'Aileron-Bold';
    src: url('../fonts/Aileron-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Aileron-Bold.otf')  format('opentype'),
           url('../fonts/Aileron-Bold.woff') format('woff'), url('../fonts/Aileron-Bold.ttf')  format('truetype'), url('../fonts/Aileron-Bold.svg#Aileron-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Aileron-SemiBold';
    src: url('../fonts/Aileron-SemiBold.eot?#iefix') format('embedded-opentype'),  
         url('../fonts/Aileron-SemiBold.otf')  format('opentype'),
           url('../fonts/Aileron-SemiBold.woff') format('woff'), 
           url('../fonts/Aileron-SemiBold.ttf')  format('truetype'), 
           url('../fonts/Aileron-SemiBold.svg#Aileron-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Aileron-Regular';
    src: url('../fonts/Aileron-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aileron-Regular.otf')  format('opentype'),
           url('../fonts/Aileron-Regular.woff') format('woff'),
           url('../fonts/Aileron-Regular.ttf')  format('truetype'), 
           url('../fonts/Aileron-Regular.svg#Aileron-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
body {
    margin: 0;
    padding: 0;
    font-size: 14px; line-height: 1.4;
    font-family: 'Aileron-Regular'; color: #4a4a4a;  display: block;overflow-x: hidden;
}
body.noScroll{
    overflow: hidden;
}
h1,h2,h3,h4,h5{
    font-family: 'Aileron-Bold';
}
::-webkit-input-placeholder { /* Edge */
    color: #4a4a4a;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #4a4a4a;
  }
  
  ::placeholder {
    color: #4a4a4a;
  }
  select{
      color: #4a4a4a;
      background: #f3f3ff url('../images/select_dropdown.png') no-repeat right center;
      appearance: none;
      -webkit-appearance: none;    
      background-size: 14px;
      padding: 3px 15px 3px 5px;
}
header{}
header .top_row {
    text-align: center;
    background-color: #181818;
    padding: 10px;
    color: #fff;
}
.contact_us_info {
    padding: 5px 8px;
    background-color: #f3f3f3;
}
.contact_us_info span{
    margin: 0 10px;
    float: right;
}
.contact_us_info span:last-child{
    margin-right:0px;
}
header .main_Header {
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-bottom: 1px solid rgba(0,0,0,0.09);
    position: relative;
}
span.menuOpenLink {
    cursor: pointer;
    margin-right: 10px;
}
span.logo {
    width: 150px;
}
.header_Icons {
    display: flex;
    align-items: center;
    justify-self: flex-end;
    margin-left: auto;
}
.header_Icons .icon_box {
    margin: 0 10px;
}

.header_Icons .icon_box:first-child{
    margin-left: 0px;
}
.header_Icons .icon_box:last-child {
    margin-right: 0px;
}
.header_Icons .icon_box span.icon{
    display: block;
}
.header_Icons .account_box.icon_box span.icon a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.header_Icons .account_box.icon_box span.icon a img{
    margin-left: 10px;
}
.account_box.icon_box {
    position: relative;
}
ul.account_dropdwn {
    position: absolute;
    width: 150px;
    right: 0;
    top: 20px;
    background-color: #f3f3f3;
    z-index: 10;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    display: none;
}
ul.account_dropdwn li{
    display: block;
}
ul.account_dropdwn li>a{
    background-color: #f3f3f3;
    padding: 6px 10px;
    transition: all 0.3s;
    display: block;
    
}
ul.account_dropdwn li>a:hover{
    background-color: #fff;
}
.account_box:hover ul.account_dropdwn{display: block;}
li.sign_in_link {
    margin-top: 10px;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.cart_box.icon_box {
    position: relative;
    cursor: pointer;
}
.cart_box.icon_box img{
    width: 25px;
}
span.cart_count {
    position: absolute;
    top: -5px;
    right: -10px;
    background-color: #181818;
    color: #fff;
    font-size: 10px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    line-height: 1;
}
.searchFormWrap {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    bottom: -39px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.searchFormWrap.open {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
.searchFormWrap form{
    display: flex;
    padding: 3px;
}
.searchFormWrap form input {
    width: 100%;
    height: 32px;
    border-radius: 0;
    border: 1px solid #b6b6b6;
    padding: 5px 40px 5px 5px;
}
.searchFormWrap form button {
    background-color: #EC3237;
    position: absolute;
    right: 4px;
    width: 35px;
    height: 32px;
    border: none;
    color: #fff;
}
.menu_wrap {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.menu_wrap.open {
    z-index: 10;
    visibility: visible;
    opacity: 1;
}
span.close_menu {
    position: fixed;
    left: 250px;
    top: 0px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
span.close_menu:before, span.close_menu:after {
    left: 10px;
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
}
span.close_menu:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 22px;
}
span.close_menu:after{
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 22px;
    background: #fff !important;
}
nav.mainMenu {
    width: 250px;
    height: 100%;
    background-color: #EC3237;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px 0 20px;
}
nav.mainMenu li>h3{
padding: 10px;
font-size: 18px;
text-transform: uppercase;
}
nav.mainMenu li.dropdown a,
nav.mainMenu .other_menu_links ul>li>a{
    font-size: 15px;
    display: block;
    padding: 5px 10px;
}
nav.mainMenu li.dropdown > a{
    position: relative;
    font-size: 17px;
    font-family: 'Aileron-Regular';
    padding-right: 25px;
    color: #ffffff;
}
nav.mainMenu li.dropdown > a::before,
nav.mainMenu li.dropdown > a::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    right: 12px;
    top: 15px;
    background-color: #4a4a4a;
}
nav.mainMenu li.dropdown > a:before {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
nav.mainMenu li.dropdown > a:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
nav.mainMenu li.dropdown > a.open:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}
nav.mainMenu li.dropdown > a.open:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
}
.dropdown-menu {
    display: none;
}
ul.submenu-nav {
   padding-left: 5px;
    background-color: #fff;
}
li.other_menu_links {
    margin-top: 10px;
    border-top: 1px solid #cecece;
}
.category_img {
    display: none;
}
.mobile_block{display: block;}
.single_slider {
    padding-bottom: 35px;
}
.single_slider .slick-dots {
    bottom: 15px;
    list-style: none;
    text-align: center;
    right: 50%;
    transform: translateX(50%);
}
.single_slider .slick-dots li {
    width:10px;
	height:10px;
    background-color:#ffffff;
	border:1px solid #b1b0b0;
}
.single_slider .slick-dots li.slick-active {
	background-color:#181818;
	border:1px solid #181818;
}
.home_slide_grid {
    display: flex;
    justify-content: space-between;
}
.home_slide_grid .slide_left{
    width: calc(50.5% - 7px);
}
.home_slide_grid .slide_right {
    width: calc(50% - 7px);
}
.home_slide_grid .slide_right .slide_right_row:first-child {
    margin-bottom: 6px;
}
.block_heading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.block_heading h2{
    display: inline-block;
    background-color: #EC3237;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:5px 15px;
    position: relative;
    line-height: 1.1;
    text-align:center;
}
.block_heading h2::before,
.block_heading h2::after{
    position: absolute;
    content: '';
    width: 50%;
    height: 1.5px;
    background-color: #939393;
    left: 50%;
    transform: translateX(-50%);
}
.block_heading h2::before{
    top: -5px;
}
.block_heading h2::after{
    bottom: -5px;
}
section.category_box {
    padding: 0px;
    background-color: #ffffff;
}
.home_category_list.slick-slider {
    padding: 0 15px;
    margin-top: 20px;
}

.home_category_list .category_thumb {
    display: flex;
    flex-flow: column;
    justify-items: center;
    align-items: center;
    padding: 0 10px;
}
.home_category_list .category_thumb span{
    display: inline-block;
    margin-bottom: 10px;
}
.home_category_list .category_thumb span img{
    display: block;
    border-radius: 50%;
    border: 3px solid #f3f3f3;
}
.home_category_list .category_thumb:hover span img{
    border-color: #EC3237;
}
.home_category_list .category_thumb:hover {
    color: #EC3237;
}
.home_category_list .slick-prev,
.home_category_list .slick-next{
    z-index: 1;
    width: 25px;
    height: 25px;
    padding: 0px;
    top: 50px;
}
.slick-track
{
    display: flex !important;
}
.slick-slide
{
    height: inherit !important;
}
.slick-prev {
	left:0px;
    background:url(../images/left.png) no-repeat;
    background-size: contain;
    z-index: 1;    
}
.slick-next {
	right: 0px;
    background: url(../images/right.png) no-repeat;
    background-size: contain;
    z-index: 1;
}
button.slick-arrow{
    transition:all 0.3s;
    opacity: 1;
    visibility: visible;
}
button.slick-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden;
}
.slick-slide .product_single_box {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    transition: all 0.3s;
}
.product_list_slide_box{
    padding: 30px 0px 30px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.new_arrival_box {
    background-image: url(../images/newarrivals-background.jpg);
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    background-position: bottom center;
}
.new_arrival_box:before {
    background: #00000091;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
}
.product_list_slide_box .block_left{
    width: 30%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.product_list_slide_box .block_right{
    width: 65%;
}
.home_product_list_slide .slick-slide{
    padding: 0 5px;
}
.product_single_box {
    background-color: #F5F5F5;
    padding: 15px;
}
.product_single_box .product_img{
   position: relative;
   margin-bottom: 10px;
   justify-self: flex-start;
    margin-bottom: auto;
}
.product_single_box .product_img img{
    width: 100%;
 }
.product_single_box .star_rate {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #388e3c;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 10px;
    width: 45px;
}
.product_single_box .star_rate i{
    font-size:11px;
    margin-left: 3px;
}
.product_single_box .product_img .share_options {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    flex-flow: column;
}
.product_single_box .share_options span {
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
    cursor: pointer;
}
.product_single_box .share_options span i{
    line-height: 1;
    font-size: 17px;
}
.product_label {
    padding: 4px 7px;
    border-radius: 15px;
    position: absolute;
    background-color: #EC3237;
    color: #fff;
    left: 0;
    bottom: 10px;
    font-size: 11px;
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.product_single_box .other_details{
    padding: 0 10px;
    margin-top: 10px;
}
.product_single_box .product_name{
    font-size: 16px;
    text-transform: capitalize;
    padding: 0 15px;
    justify-self: flex-start;
    margin-bottom: auto;
}
.product_single_box .product_name small{
    display: block;
}
.product_single_box .product_price_row{
    
    margin-bottom: 10px;
}
.product_single_box .product_price_row .final_price{
    font-size: 13px;
    color: #181818;
    font-family: 'Aileron-Bold';
}
.product_single_box .old_price_row{
    font-size: 12px;
}
.product_single_box .old_price_row .old_price{
    color: #b0b0b0;
    text-decoration: line-through;
    margin-right: 10px;
}
.product_single_box .old_price_row span.taxes {
    font-size: 12px;
}
.product_single_box .your_saving_row {
    margin: 10px 0;
    font-size: 16px;
}
.product_single_box .your_saving_row span.taxes {
    font-size: 12px;
}
.product_single_box .discount{
    color: #EC3237;
    margin: 0 10px 0 5px;
}
.btn{
    font-size: 11px;
    padding: 7px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 4px;
}
.default_button{
    background-color: #297BAE;
    color: #fff;
    border: 1px solid #297BAE;
    
}
.red_button{
    background-color: #EC3237;
    color: #fff;
    border: 1px solid #cc0210;
}
.grey_button{
    background-color: #f3f3f3;
    color: #181818;
    border: 1px solid #f3f3f3;
}

.best_sellers_box {}

section.best_offer_box {
    background-color: #f0efef;
    padding: 30px 0 0;
}
.offer_grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}
.offer_single {
    width: calc(50% - 5px);
    margin-bottom: 10px;
}
.offer_single img{
    width: 100%;
}
.recent_view_box{
    padding: 30px 0;
}
.recent_view_list_slide{
    padding: 0 15px;
    margin-top: 20px;
}
.recent_view_list_slide .slick-slide{
    padding: 15px;
}
section.shop_brand_box {
    padding: 10px 15px;
}
.brand_grid {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brand_single {
    background-color: #F3F3F3;
    width: calc(50% - 5px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
}
.brand_single img{
    height: 60px;
    width: auto;
}
nav.toggle_tab strong {
    display: block;
    color: #fff;
    margin-bottom: 5px;
    padding: 0px 0px 0px 15px;
    font-weight: normal;
    font-size: 15px;
}
nav.toggle_tab span{
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    margin-top: 5px;
    padding: 0px 0px 0px 15px;
}
nav.toggle_tab h4 {
    position: relative;
    padding: 10px 0px 10px 15px;
    margin: 0;
    cursor: pointer;
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    
}
nav.toggle_tab>h4:after, nav.toggle_tab>h4:before {
    -webkit-transition: .5s all ease-out;
    transition: .5s all ease-out;
    display: inline-block;
    content: '';
    background-color: #4a4a4a;
    width: 11px;
    height: 1.5px;
    position: absolute;
    top: 25px;
    right: 20px;
    opacity: 1;
}
nav.toggle_tab>h4:before {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
nav.toggle_tab>h4:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
nav.toggle_tab>h4.open:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}
nav.toggle_tab>h4.open:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
}
nav.toggle_tab ul{
    /* border-bottom: 1px solid #848484; */
}

/* [Footer] */
footer{
    background-color: #181818;
}
footer nav.toggle_tab h4 {
    color: #fff;
    border-bottom: 1px solid #f3f3f3;
}
footer nav.toggle_tab>h4:after, 
footer nav.toggle_tab>h4:before {
    background: #fff;
}
footer nav.toggle_tab ul{
    border-bottom: 1px solid #f3f3f3;
}
footer nav.toggle_tab ul li a{
    padding: 5px 15px 5px 15px;
    font-size: 15px;
    color: #fff;
    display: block;
    position: relative;
}
footer nav.toggle_tab ul li a:before {
    position: absolute;
    content: "\f101";
    left: 0;
    font: normal normal normal 14px/2 FontAwesome;
}
.about_foot_data {
    background-color: #fff;
}
.about_foot_data > p {
    padding: 20px 15px;
    line-height: 28px;
}
.foot_brand_promise {
    background-color: #f0efef;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 15px;
}
.promise_single {
    text-align: center;
    font-size: 13px;
    padding: 0 10px;
}
.promise_single img {
    width: 90px;
    margin-bottom: 10px;
}

.footer_bottom{
    
}

.copyrightfooter{
    background-color: #ffffff;
}

nav.toggle_tab li.mapWrap {
    width: 100%;
    padding: 15px;
    height: 300px;
}
nav.toggle_tab .get_app h4 {
    border: none;
    text-align: center;
}
.get_app .app_links {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px 20px;
}
.get_app .app_links a{
    display: inline-block;
    margin:0 10px;
    width: 130px;
}
.get_app .app_links a:first-child{
    margin-left:0px;
}
.get_app .app_links a:last-child{
    margin-right:0px;
}
.foot_social {
    display: flex;
    justify-content: end;
    align-items: center;
    background-color: #fff;
    padding: 15px;
}
.foot_social ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.foot_social ul li{
    margin-right: 10px;
}
.foot_social ul li label{
}
.foot_social ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border:1px solid #4a4a4a;
    color: #4a4a4a;
}
.foot_social ul li a i{
    line-height: 1;
}
p.copy_text {
    font-size: 12px;
    padding: 20px 0px;
}
p.disclaimer_note {
    text-align: center;
    padding: 8px 15px;
    color: #fff;
    font-size: 12px;
}
span.back_to_top {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 60px;
    width: 35px;
    height: 35px;
    background-color: #EC3237;
    border-radius: 5px;
    z-index: 10;
    box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.3);
}
span.back_to_top i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 15px;
    color: #fff;
}
/* [/Footer] */

/* [Product Listing] */
.bredcrum_box {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.09);
}
.bredcrum_box a{
    color: #4a4a4a;
    font-size: 13px;
    padding: 0 7px;
    position: relative;
    display: inline-block;
}
.bredcrum_box a:hover{color: #EC3237;}
.bredcrum_box a::after {
    content: '/';
    position: absolute;
    color: #4a4a4a;
    right: -4px;
}
.bredcrum_box a:last-child::after {
   display: none;
}
section.product_listing_wrap {
    background-color: #f0efef;
    padding: 20px 0;
}
.product_grid {
    margin: 20px 0 0;
}   
.product_grid .product_single_box {
    background-color: #fff;
    display: flex;
    padding: 10px;
    margin-bottom: 10px;
}
.product_grid .product_single_box .product_img {
    position: relative;
    margin-bottom: 0;
    width: 40%;
}
.product_grid .product_single_box .other_details {
    padding: 0 0px 0 10px;
    width: 60%;
}
.product_grid .product_single_box .product_name {
   padding: 0;
}
.product_grid .product_single_box .your_saving_row {
    margin: 10px 0 0;
    font-size: 14px;
}
.product_grid .product_single_box .save_extra {
    margin: 0 0 10px;
}
.load_more_row{
    margin-top: 20px;
    text-align:center;
}
.filter_sort_wrap{
    position: fixed;
    bottom: -2px;
    width: 100%;
    left: 0;
    height: 45px;
    z-index: 10;
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
}
.mobile_floating_filter {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;    
}
.mobile_floating_filter >a{
    width: 50%;
    text-align: center;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Aileron-Bold';
    font-size: 15px;
}
.mobile_floating_filter >a:first-child{
    border-right:1px solid #4b4b4b;
}
.mobile_floating_filter >a>img{
    width: 30px;
}
.sort_by_wrap {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: calc(100% - 40px);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}
.sort_by_wrap.open {
    z-index: 10;
    opacity: 1;
    visibility: visible;
}
.sort_by_wrap ul{
    position: absolute;
    bottom: -20px;
    background-color: #f3f3f3;
    width: 100%;
    padding: 10px;
    transition: all 0.3s;
}
.sort_by_wrap.open ul{
    bottom: -4px;
}
.sort_by_wrap ul li{
    margin-bottom: 10px;
}
.sort_by_wrap ul li:last-child{
    margin-bottom: 0px;
}
.form-radio[type="radio"]:checked,
.form-radio[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    visibility: hidden;
    margin: 0;
    width: 0;
    height: 0;
}
.form-radio[type="radio"]:checked + label,
.form-radio[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    display: inline-block;
    color: #666;
}
.form-radio[type="radio"]:checked + label:before,
.form-radio[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #181818;
    border-radius: 100%;
    background: #fff;
}
.form-radio[type="radio"]:checked + label:after,
.form-radio[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #181818;
    position: absolute;
    top: 3.2px;
    left: 3.2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form-radio[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.form-radio[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form-checkbox[type="checkbox"] {
    position: absolute;
    opacity: 0;
  }
  .form-checkbox[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .form-checkbox[type="checkbox"] + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    background: #f3f3f3;
    border: 1px solid #181818;
  }
  .form-checkbox[type="checkbox"]:checked + label:before {
    background: #181818;
  }
  .form-checkbox[type="checkbox"]:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }
  
  .form-checkbox[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 7px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .filter_by_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: calc(100% - 38px);
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
padding-top: 45px;
}
.filter_by_wrap.open {
z-index: 10;
opacity: 1;
visibility: visible;
}
span.close_filter {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
span.close_filter:before, span.close_filter:after {
    left: 10px;
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: #181818;
}
span.close_filter:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 22px;
}
span.close_filter:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 22px;
}
.filter_by_wrap .toggle_tab h4{
    background-color: #f3f3f3;
}
.filter_by_wrap .toggle_tab ul{
    padding:0 20px;
    margin-top:5px;
}
.filter_by_wrap .toggle_tab ul li{
    margin-bottom: 10px;
}
.filter_apply_btn {
    position: absolute;
    bottom: 0;
    background-color: #f3f3f3;
    width: 100%;
    padding: 10px;
    text-align: center;
    box-shadow: 0px -1px 3px 1px rgba(0,0,0,0.2);
}
.filter_apply_btn input.btn{

}
.desktop_sort {
    display: none;
}
/* [/Product Listing] */

/* [Product Details] */
.detailDisclaimer {
    text-align: center;
    padding: 3px 15px;
    background-color: #EC3237;
    color: #fff;
}
.product_details { margin-bottom: 20px;}
.product_details .product_single_box .other_details {
    padding: 0 15px;
}
.product_details .product_single_box .share_options {
    top: 10px;
    right: auto;
    left: 8px;   
}
.product_details .product_single_box .product_name {
    font-size: 25px;
    padding: 0;
}
.product_details .product_single_box .product_price_row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
}
.product_details .product_single_box .product_price_row .final_price {
    font-size: 18px;
    margin-right: 10px;
}
.product_details .product_single_box .old_price_row {
    font-size: 17px;
}
.product_details .product_single_box .star_rate { position: static;}
.detailStarRate {
    display: flex;
    align-items: center;
}
.detailStarRate span{
    margin-left: 10px;
}
.product_highlights,
.delivery_option{
    padding: 0px;
    margin-top: 20px;
}
.shippng_charge {
    margin: 10px 0 0;
    font-family: 'Aileron-Bold';
}
.shippng_charge span{
    color: #EC3237;
    font-family: 'Aileron-Regular';
}
h4.inner_sub_heading{
    margin-bottom: 5px;
    font-size: 18px;
}
.product_highlights ul li{
    margin-bottom: 5px;
    padding-left: 15px;
    position: relative;
}
.product_highlights ul li::before{
    position: absolute;
    content: '';
    width: 7px;
    height: 1px;
    background-color: #4a4a4a;
    left: 0;
    top: 9px;
}
.delivery_option .pincode_option {
    position: relative;
}
.pincode_option>form>i{
    position: absolute;
    left: 3px;
    top: 5px;
    font-size: 19px;
}
.pincode_option>form>input{
    border:none;
    border-bottom: 1px solid #4a4a4a;
    padding:3px 10px 3px 25px;
    height: 32px;
    font-size: 14px;
}
.pincode_option>form .pinCheck {
    border: none;
    background-color: transparent;
    color: #EC3237;
    font-family: 'Aileron-Bold';
}
.delivery_option .deliveryTime {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}
.delivery_option .deliveryTime p{
    color: #181818;
}
.delivery_option .deliveryTime>img {
    margin-right: 5px;
}
.product_other_data .other_Details {
    padding: 20px 15px;
}
.featureTab .other_Details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.featureTab .other_Details img{
    width: calc(50% - 4px);
    margin-bottom: 8px;
}
.techSpecsTable table.mainTable {
    border: 1px solid #181818;
    width: 100%;
    padding: 10px;
}
.techSpecsTable table.mainTable td {
    padding: 5px;
}
section.similar_view_box {
    padding: 30px 0;
    background-color: #f3f3f3;
}
section.review_rating_wrap {
    padding: 30px 15px;
}
section.review_rating_wrap .detailStarRate {
    justify-content: flex-start;
    margin: 20px 0;
}
section.review_rating_wrap .star_rate {
    color: #388e3c;
}
section.review_rating_wrap .add_review{
    justify-self: end;
    margin-left: auto;
}
section.review_rating_wrap .add_review a{
    color:#EC3237;
    font-family: 'Aileron-Bold';
    position: relative;
    padding-left: 15px;
}
section.review_rating_wrap .add_review a:before{
    content: '+';
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 20px;
    line-height: 17px;
}
.review_single {
    margin: 0 0 15px;
}
p.reviewTitle{
    font-family: 'Aileron-Bold';
    font-size: 18px;
    margin-bottom: 5px;
}
.grey_seperator {
    width: 100%;
    height: 35px;
    background-color: #f3f3f3;
}
.detail_cta_wrap {
    position: fixed;
    bottom: -2px;
    left: 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
    z-index: 10;
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 10px;
}
.detail_cta_wrap .btn {
    font-size: 13px;
    padding: 5px 10px;
    width: 35%;
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.detail_cta_wrap .addToCart {
    background-color: #f3f3f3;
}
.detail_cta_wrap .buyNow {
    background-color: #181818;
    color: #fff;
}
.import-row {
    width: 100%;
    text-transform: capitalize;
    margin: 10px 0;
}
.import-row p{
    margin: 0px 0 5px;
}
.taxes_row { font-size: 13px; margin: 0 0 10px;}
.share_options i.fa-heart{
    color: #EC3237;
}
.product_qty select {
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    height: 28px;
    width: 40px;
}
.product_rating_form_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s;
}
.product_rating_form_wrap.open {
    visibility: visible;
    opacity: 1;
    z-index: 100;
}
.rating_form_inner {
    width: 90%;
    text-align: center;
    background-color: #fff;
    padding: 25px 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
span.closeRevieForm {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
span.closeRevieForm:before, span.closeRevieForm:after {
    left: 10px;
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: #181818;
}
span.closeRevieForm:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 22px;
}
span.closeRevieForm:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 22px;
}
.rating_form_inner>h3{
    text-align: center;
    padding: 0 15px;
    margin:0 0 10px
}
.rating_form_inner .form_row {
    margin-bottom: 15px;
}
.rating_form_inner .form_row .form_input {
    background-color: #f3f3f3;
    border: none;
    padding: 3px 10px;
    height: 35px;
    width: 80%;
}
.rating_form_inner .form_row textarea {
    background-color: #f3f3f3;
    border: none;
    padding: 3px 10px;
    height: 135px;
    width: 80%;
    font-family:'Aileron-Regular';
    resize: none;
}
#product-stars {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
  #product-stars .rating-group {
    display: inline-flex;
  }
  #product-stars .rating__icon {
    pointer-events: none;
  }
  #product-stars .rating__input {
    position: absolute !important;
    left: -9999px !important;
  }
  #product-stars .rating__input--none {
    display: none;
  }
  #product-stars .rating__label {
    cursor: pointer;
    padding: 0 5px;
    font-size: 20px;
  }
  #product-stars .rating__icon--star {
    color: #EC3237;
  }
  #product-stars .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
  }
  #product-stars .rating-group:hover .rating__label .rating__icon--star {
    color: #EC3237;
  }
  #product-stars .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #ddd;
  }
/* [/Product Details] */

/* [Cart Page] */
section.cart_wrap {
    padding: 30px 0;
    background-color: #f3f3f3;
}
.ship_to_pin {
    text-align: center;
    background-color: #fff;
    padding: 15px 15px;
    margin: 20px 0;
    text-transform: uppercase;
    font-family: 'Aileron-Bold';
}
.ship_to_pin i{
    font-size: 18px;
    margin-right: 5px;
}
.product_grid.cart_grid .product_single_box {
    display: block;
}
.cart_prod_row{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.cart_grid.product_grid .product_single_box .cart_prod_row .product_img {
    width: 70px;
}
.cart_grid.product_grid .product_single_box .cart_prod_row .other_details {
    width: calc(100% - 70px);
}
.cart_grid.product_grid .delivery_info {
    width: 100%;
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1.5px solid #f3f3f3;
}
.product_grid .product_single_box .cart_prod_row .product_img{
    width: 30%;
}
.product_grid .product_single_box .cart_prod_row .other_details{
    width: 70%;
}
.cart_options {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.addWishlist {
    cursor: pointer;
    margin-right: 10px;
}
.delete_prod{
    cursor: pointer;
}
.cart_qty {
    margin-right: 10px;
}
.cart_qty select {
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    height: 28px;
    width: 40px;
}
.addWishlist i {
    color: rgba(0, 0, 0, 0.4);
}
.delivery_info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
}
.delivery_info .delivery_details,
.delivery_info .delete_prod {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.delivery_info .delivery_details {
    font-family: 'Aileron-Bold';
    font-size: 13px;
}
.delivery_info .return_policy {
    font-size: 12px;
}
.delivery_info .delivery_details img{
    width: 35px;
}
.delete_prod i{
    font-size: 18px;
    margin-right: 5px;
}
section.cart_wrap .load_more_row {
    margin: 20px 0;
}
.coupon_option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
    background-color: #fff;
    margin-bottom: 20px;
}
.coupon_option label{
    text-transform: capitalize;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.coupon_option label img{
    width: 30px;
    margin-right:5px;
}
.coupon_option label i{
    font-size: 25px;
    margin-right: 10px;
}

.coupon_option form input{
    border:none;
    border-bottom:1px solid #4a4a4a;
    width: 100px;
}
.coupon_option button.couponCheck {
    background: transparent;
    border: none;
    color: #EC3237;
    font-family: 'Aileron-Bold';
}
.cart_subtotal_block {
    padding: 20px 15px;
    background-color: #fff;
}
.cart_subtotal_block ul{

}
.cart_subtotal_block ul li {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}
.cart_subtotal_block ul li.saving_info{
    margin-top:10px;
    color:#29812e;
}
.procede_cart {
    position: fixed;
    bottom: -1px;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    z-index: 10;
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
}
.procede_cart .cart_total {
    width: 50%; 
    height: inherit;
    padding: 3px 10px;
}
.procede_cart .cart_total strong{
    text-transform: uppercase;
    font-family: 'Aileron-Bold';
}
.procede_cart .proceede_btn {
    width: 50%;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}
.procede_cart .proceede_btn a {
    font-size: 13px;
}
.cart_note {
    padding: 10px 15px;
    background-color: #fff;
    margin: 0 0 20px;
}
.cart_note p{
    margin-bottom: 5px;
}
/* [/Cart Page] */

/* [Checkout Page] */
.checkout_wrap{
    padding: 30px 0;
    background-color: #f3f3f3;
}
.delivery_address {
    margin-top: 20px;
    background-color: #fff;
}
.delivery_address .saved_address {
    padding-bottom: 10px;
}
.delivery_address ul{
    padding: 0 15px;
    margin-top: 10px;
}
.delivery_address ul li{
    margin-bottom: 15px;
}
.delivery_address .address_row_name {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 25px;
}
.delivery_address .address_row_name label{
    position: absolute !important;
    left: 0;
    top: 3px;
}
.delivery_address .address_row_name .name{
    font-family: 'Aileron-Bold';
}
.delivery_address .address_row_name .address_type{
    display: inline-block;
    padding: 2px 8px;
    background-color: #f3f3f3;
    margin-left: 10px;
    font-size: 12px;
}
.add_address_row {
    padding: 0 15px;
}
.add_address_row a.address_form_link {
    position: relative;
    color: #EC3237;
    padding-left: 15px;
    font-family: 'Aileron-Bold';
}
.add_address_row a.address_form_link::before {
    content: '+';
    position: absolute;
    left: 0;
    top: 0;
    line-height: 17px;
    font-size: 20px;
}
.delivery_address .del_address {
    margin-top: 5px;
    font-size: 13px;
    padding-left: 25px;
}
.order_summery {
    background-color: #fff;
    margin: 20px 0;
}
.add_new_address {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition:  all 0.3s;
}
.add_new_address.open {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
.new_address_fom {
    position: absolute;
    width: 90%;
    background-color: #fff;
    padding: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
span.close_address_box {
    position: fixed;
    right: 0px;
    top: 0px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
span.close_address_box:before, span.close_address_box:after {
    left: 10px;
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #181818;
}
span.close_address_box:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 22px;
}
span.close_address_box:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 22px;
}
.add_shipping_address,
.payment_method {
    margin-top: 20px;
    background-color: #fff;
}
.add_shipping_address li:first-child{
    margin-bottom: 20px;
}
.add_new_address ul,
.add_shipping_address ul{
    padding:0 15px 20px;
    margin: 20px 0 0;
}
.add_new_address form input,
.add_shipping_address form input {
    width: 100%;
    height: 32px;
    border-radius: 0;
    border: 1px solid #f3f3f3;
    margin-bottom: 10px;
    background-color: #f3f3f3;
    padding: 3px 10px;
}
.add_new_address form textarea,
.add_shipping_address form textarea{
    width: 100%;
    height: 60px;
    resize: none;
    border-radius: 0;
    border: 1px solid #f3f3f3;
    margin-bottom: 10px;
    background-color: #f3f3f3;
    padding: 3px 10px;
    font-family: 'Aileron-Regular';
}
.add_new_address form select,
.add_shipping_address form select {
    width: 100%;
    height: 32px;
    border-radius: 0;
    border: 1px solid #f3f3f3;
    margin-bottom: 10px;
    background-color: #f3f3f3;
    padding: 3px 10px;
}
.select_address_type{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.select_address_type div{
    margin-right: 10px;
}
.select_payment_method {
    padding: 20px 15px;
}
.select_payment_method ul li{
    margin: 0 0 10px;
}
.success_box {
    padding: 20px 15px;
    background-color: #fff;
    margin: 20px 0;
    text-align: center;
}
.success_box h4{
    font-size:18px;
    margin-bottom: 10px;
}
/* [/Checkout Page] */

/* [My Account] */
section.account_wrap {
    background-color: #f3f3f3;
    padding: 20px 0;
}
.account_detail_box {
    margin-top: 20px;
}
.user_info_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 15px;
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
}
span.user_icon {
    width: 50px;
    margin-right: 10px;
}
.address_options {
    padding-left: 25px;
    margin-top: 5px;
}
span.acc_sub_menu_link {
    position: absolute;
    right: 2px;
    width: 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}
span.acc_sub_menu_link i {
    width: 5px;
    height: 5px;
    background-color: #181818;
    margin: 2px 0;
    border-radius: 5px;
}
.account_nav {
    padding-bottom: 20px;
    /* display: none; */
}
.account_nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.account_nav ul li{
    width: calc(33% - 1px);
    background-color: #fff;
    margin-bottom: 3px;
    transition: all 0.3s;
}
.account_nav ul li a{
    display: block;
    padding: 5px;
}
.account_nav ul li.active {
    background-color: #181818;
}
.account_nav ul li.active a{
    color: #fff;
}
.account_right_block .delivery_address {
    margin-top: 0;
}
.order_grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.order_single_box {
    width: 100%;
}
a.order_link {
    display: block;
    padding: 8px;
    background-color: #fff;
    margin-bottom: 10px;
}
a.order_link:hover {
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
}

.order_id {
    padding: 0 0 8px;
    border-bottom: 2px solid #f3f3f3;
}
.order_single_box .product_single_box {
    padding: 8px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: 1.5px solid #f3f3f3;
    flex-wrap: wrap;
}
.order_single_box .product_single_box:first-child {
    border-top: none;
}
.order_single_box .product_single_box .product_img {
    width: 80px;
    margin-right: 10px;
}
.order_single_box .product_single_box .product_name {
    padding: 0px;
}
.order_single_box .product_single_box .other_details {
    padding: 0;
    margin-top: 0px;
    width: calc(100% - 125px);
}
.delivery_info {
    width: 100%;
}
.deliverTo {
    margin-bottom: 5px;
}
.order_single_box .del_status{
    font-family: 'Aileron-Bold';
    font-size: 13px;
}
.order_single_box .del_status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: green;
    display: inline-block;
    line-height: 1;
}
.order_single_box .del_status.delivered i {
    background-color: green;
}
.order_single_box .del_status.cancelled i {
    background-color: red;
}
.order_single_box .del_status.notdelivered i {
    background-color: orange;
}
.order_single_box .return_policy {
    font-size: 12px;
}
.delivery_address.my_address {
    /* background-color: transparent; */
    padding-top: 20px;
}
.delivery_address.my_address .add_address_row {
    padding: 0 15px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1.5px solid #f3f3f3;
}
.profile_wrap {
    padding: 15px;
    background-color: #fff;
}
.profile_wrap form{
    margin:20px 0;
}
.profile_wrap form .form_row{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.profile_wrap form .form_row .row_half{
    width: 100%;
}
.profile_wrap form .form_row label{
    display: block;
    width: 100%;
    margin-bottom: 8px;
}
.profile_wrap form .form_row input{
    display: block;
    width: 100%;
    margin-bottom: 8px;
    background-color: #f3f3f3;
    padding: 3px 10px;
    height: 32px;
    border:1px solid #f3f3f3;
}
.Order_detail_top {
    padding: 10px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.Order_detail_top .order_id {
    padding: 0px;
    border-bottom: none;
}
.delivery_full_info {
    background-color: #fff;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.delivery_full_info .billing,
.delivery_full_info .shipping {
    width: 100%;
    margin-bottom: 10px;
}
.delivery_full_info .billing h3,
.delivery_full_info .shipping h3{
    margin-bottom: 10px;
}
.order_grid.order_details .order_id {
    padding: 8px 10px 8px;
    border-bottom: 2px solid #f3f3f3;
}
.order_grid.order_details .order_single_box {
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
}
.order_grid.order_details {
    margin-top: 10px;
    background-color: #fff;
    width: 100%;
    overflow-x: scroll;
}
.order_grid.order_details table {
    width: 100%;
    border-color: #c4c4c4;
    font-size: 13px;
}
.order_grid.order_details table th{
    padding: 10px;
}
.order_grid.order_details table td{
    vertical-align: middle;
    text-align: center;
    padding: 6px;
}
.order_grid.order_details table td .prod_img{
    width: 60px;
}
.order_grid.order_details table td.text_right_td{
    text-align: right;
}
.order_grid.order_details table thead th,
.order_grid.order_details table tfoot td{
    background-color: #181818;
    color: #fff;
}
/* [/My Account] */

/* [Login] */
section.login_wrap {
    padding: 20px 0;
    background-color: #f3f3f3;
}
.loginform_wrap {
    width: 100%;
    margin: 40px auto;
}
.log_sign_form{
    min-height: 300px;
    background-color: #fff;
    padding: 15px;
    margin-top: 20px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
}
.log_sign_form form{
    margin: 20px 0;
}
.log_sign_form h3{
    margin-bottom: 10px;
}
.log_sign_form p{
    margin-bottom: 10px;
}
.log_sign_form label{
    display: block;
    margin-bottom: 8px;
}
.log_sign_form input{
    border: none;
    background-color: #f3f3f3;
    width: 160px;
    padding: 3px 10px;
    height: 32px;
    margin-bottom: 8px;
}
.login_options{display: none;}
/* [/Login] */

section.Wishlist_wrap {
    padding: 30px 0;
    background-color: #f3f3f3;
}

/* [Media Query] */

@media screen and (max-width:400px){
    .btn {
        font-size: 9px;
        padding: 5px 5px;
    }
    .product_single_box .product_name {
        font-size: 14px;
    }
}

@media screen and (min-width:768px){
    .offer_single {
        width: calc(24% - 5px);
    }
    .brand_single {
        width: calc(24% - 5px);
    }
    .home_category_list .category_thumb span img {
        width: 120px;
    }
    .product_grid .product_single_box {
        width: 48%;
        margin: 7px;
    }
    .product_grid {
       display: flex;
        justify-content: flex-start;
        padding: 0 10px;
        flex-wrap: wrap;
        position: relative;
    }
    .product_details .product_single_box {
        background-color: #fff;
        padding-bottom: 15px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .product_details .product_single_box .product_img {
        position: relative;
        margin-bottom: 10px;
        width: 45%;
    }
    .product_details .product_single_box .other_details {
        padding: 0 15px;
        width: 50%;
    }
    .account_detail_box {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .account_leftBlock {
        width: 28%;
        background-color: #fff;
        padding: 10px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    }
    .user_info_box {
        padding: 10px 0px 20px;
        border-bottom: 2px solid #f3f3f3;
    }
    span.acc_sub_menu_link{
        display: none;
    }
    .account_right_block {
        width: 68%;
    }
    .account_nav ul li {
        width: 100%;
        background-color: #fff;
        margin-bottom: 3px;
        transition: all 0.3s;
    }
    .account_nav ul li a {
        display: block;
        padding: 10px;
        transition: all 0.3s;
    }
    .account_nav ul li a:hover {
        background-color: #181818;
        color: #fff;
    }
    .account_right_block .delivery_address ul li {
        margin-bottom: 15px;
        display: inline-block;
        margin: 0px 10px 20px;
        background-color: #fff;
        padding: 15px;
    }
    .account_nav {
        display: block;
    }
    .product_grid.wishlist_grid {
        width: 100%;
        justify-content: space-between;
        padding: 0;
    }
    .order_single_box .product_single_box .other_details {
        width: calc(70% - 125px);
    }
    .delivery_info {
        width: 29%;
    }
    .loginform_wrap {
        width: 70%;
        display: flex;
        flex-flow: wrap;
    }
    .loginform_wrap .block_heading{width: 100%;}
    .log_sign_form {margin-top: 0;width: 50%;}
    .login_options {
        width: 50%;
        display: block;
        padding: 15px;
        background-color: #181818;
        color: #fff;
    }
    .login_options h3{
        margin-bottom: 10px;
    }
    .login_options p{
        margin-bottom: 10px;
    }
    .profile_wrap form .form_row .row_half{
        margin-right: 10px;
        width: auto;
    }
    .profile_wrap form .form_row .row_half:last-child{
        margin-right:  0px;
    }
    .profile_wrap form .form_row input{
        width: 200px;
    }
    .delivery_full_info .billing,
    .delivery_full_info .shipping {
        width: 33%;
        margin-right: 15px;
        margin-bottom: 0;
    }
    span.close_filter{display: none;}
    .header_Icons {
        margin-left: 0;
    }
}
@media screen and (min-width:1024px){
    nav.mainMenu li>h3,
    .other_menu_links{ display: none; }
        
    .block_heading {
        padding: 10px 0px;
    }
    .container {
        width: 90%;
        margin: 0 auto;
        max-width: 1400px;
    }
    .footer_nav_row {
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        width: 90%;
        margin: 0 auto;
    }
    .footer_nav_row nav.toggle_tab {
        width: 25%;
        padding: 0 20px;
    }
    footer nav.toggle_tab h4 {
        color: #fff;
        border-bottom: none;
        position: static;
        cursor: default;
    }
    footer nav.toggle_tab h4::before, 
    footer nav.toggle_tab h4::after {display: none;}
    footer nav.toggle_tab ul {
        border-bottom: none;
    }
    nav.toggle_tab li.mapWrap {
        height: 250px;
    }
    .foot_brand_promise {
        justify-content: space-around;
    }
    .brand_grid {
        width: 90%;
        margin: 20px auto 0;
    }
    .product_single_box .product_price_row .final_price {
        font-size: 15px;
    }
    .product_single_box .old_price_row {
        font-size: 14px;
    }
    .product_single_box .product_name {
        font-size: 17px;
        padding: 0;
    }
    .product_single_box .other_details {
        padding: 0;
        margin-top: 10px;
    }
    .about_foot_data > p {
        width: 90%;
        margin: 0 auto;
    }
    .foot_about_havells nav.toggle_tab h4{
        margin:0 auto;
        width: 90%;
    }
    .home_category_list.slick-slider {
        margin: 20px 0;
    }
    .home_category_list .slick-prev, .home_category_list .slick-next{
        top: 50%;
    }
    .home_category_list .category_thumb {
        font-size: 16px;
    }
    .product_list_slide_box {
        padding: 50px 0px;
        flex-flow: column;
    }
    .product_list_slide_box .block_left {
        width: 100%;
        margin-bottom: 20px;
        align-items: flex-start;
    }
    .product_list_slide_box .block_right {
        width: 100%;
    }
    .product_list_slide_box .block_left a.btn.grey_button,
    .product_list_slide_box .block_left a.btn.default_button {
        display: none;
    }
    header .main_Header {
        padding: 5px 0px;
        width: 90%;
        margin: 0 auto;
        border-bottom: none;
        justify-content: space-between;
    }
    .searchFormWrap {
        position: static;
        width: 400px;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        margin: 0 auto;
    }
    .search_box.icon_box {
        display: none;
    }
    .searchFormWrap form button{position: static;}
    span.menuOpenLink,span.close_menu {
        display: none;
    }
    .menu_wrap {
        position: static;
        background-color: transparent;
        padding: 3px 0;
        width: 100%;
        height: auto;
        z-index: 1;
        visibility: visible;
        opacity: 1;
    }
    nav.mainMenu {
        width: 100%;
        height: auto;
        padding: 0;
        overflow: inherit;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    }
    nav.mainMenu ul.nav{
        width: 90%;
        margin:0 auto;
        position: relative;
        overflow: inherit;
    }
    nav.mainMenu ul li.dropdown{
        display: inline-block;
    }
    nav.mainMenu li.dropdown > a {
        font-size: 14px;
        padding: 10px 8px;
        border-bottom: 2px solid transparent;
    }
    nav.mainMenu li.dropdown > a::before,
    nav.mainMenu li.dropdown > a::after{
        display: none;
    }
    nav.mainMenu li.dropdown:hover>.dropdown-menu{
        display: block;
    }
    nav.mainMenu li.dropdown:hover>a{
       border-color: #EC3237;
    }
    .dropdown-menu {
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 100;
        background-color: #fff;
        box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.05);
        display: none;
        padding: 20px;
    }
    .dropdown-menu .full_row{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    ul.submenu-nav {
        display: block;
        width: 56%;
    }
    ul.submenu-nav li{
        display: inline-block;
        width: 33%;
        text-align: left;
    }
    ul.submenu-nav li a:hover{
        color:#EC3237;
    }
    .bredcrum_box {
        padding: 8px 15px;
    }
    .category_img {
        display: flex;
        justify-content: space-between;
        width: 44%;
    }
    .category_img img{
        width: 45%;
    }
    .home_product_list_slide .slick-slide {
        padding: 10px;
    }
    .product_listing_wrap .full_row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .filter_sort_wrap {
        position: static;
        width: 25%;
        height: auto;
        box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
        margin-top: 20px;
    }
    .product_grid {
        margin: 20px 0 0;
        width: 75%;
    }
    .sort_by_wrap {
        position: absolute;
        top: -40px;
        right: 10px;
        width: auto;
        height: auto;
        background-color: transparent;
        z-index: 10;
        opacity: 1;
        visibility: visible;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .sort_by_wrap ul{
        bottom: auto;
        top: 30px;
        width: 200px;
        right: 0;
        background-color: #fff;
        box-shadow: 1px 3px 4px 2px rgba(0,0,0,0.1);
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }
    .sort_by_wrap.open ul{
        bottom: auto;
        top: 34px;
        z-index: 10;
        opacity: 1;
        visibility: visible;
    }
    .mobile_floating_filter {
        display: none;
    }
    .filter_by_wrap {
        position: static;
        height: auto;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        padding: 5px 5px 10px;
    }
    .span.close_filter{display: none;}
    .filter_apply_btn{display: none;}
    .filter_by_wrap .toggle_tab h4::before,
    .filter_by_wrap .toggle_tab h4::after{
        display: none;
    }
    .product_grid .product_single_box {
        width: 49.5%;
        margin: 0px 0px 8px;
        transition: all 0.3s;
    }
    .product_grid .product_single_box:hover {
        box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
    }
    .desktop_sort {
        display: block;
    }
    .desktop_sort a.sort_link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        background-color: #fff;
    }
    .desktop_sort a.sort_link:hover {
        box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
    }
    .desktop_sort a.sort_link img{
        width: 30px;
        margin-right: 5px;
    }
    .mobile_block{display: none;}
    .detail_cta_wrap {
        position: static;
        justify-content: flex-start;
        width: 100%;
        box-shadow: none;
        padding: 10px 0;
    }
    .detail_cta_wrap .btn {
        padding: 5px 15px;
        width: auto;
        height: 40px;
        margin-right: 20px;
    }
    .product_details .product_single_box .product_name {
        font-size: 30px;
        padding: 0;
        margin-bottom: 10px;
    }
    .product_details .product_single_box .product_price_row .final_price {
        font-size: 20px;
    }
    .product_details .product_single_box .old_price_row {
        font-size: 19px;
    }
    .featureTab .other_Details img {
        width: calc(25% - 4px);
        margin-bottom: 0px;
    }
    .rating_form_inner {
        width: 50%;
    }
    .slick-slide .product_single_box:hover{
        box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
    }
    .block_heading h2 {
        font-size: 25px;
    }
    header .top_row {
        padding: 3px 15px;
    }
    span.logo {
        width: 180px;
    }
    .brand_single img {
        height: 80px;
    }
    .filter_by_wrap .toggle_tab h4 {
        cursor: default;
    }
    .cart_details_box {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 20px;
    }
    .cart_leftBlock {
        width: 64%;
    }
    .cart_right_block {
        width: 33%;
        background-color: #fff;
        padding: 10px;
    }
    .procede_cart {
        position: static;
        height: auto;
        justify-content: center;
        box-shadow: none;
        margin-top: 20px;
    }
    .procede_cart .cart_total {
        display: none;
    }
    .ship_to_pin {
        padding: 10px 15px;
        margin: 0px;
    }
    .cart_grid.product_grid {
        margin: 0px;
        padding: 0px;
        width: 100%;
        border-top: 1px solid #cccccc;
        justify-content: space-between;
    }
    .cart_grid.product_grid .product_single_box {
        width: 100%;
    }
    .cart_grid.product_grid .product_single_box:last-child{
       margin:0;
    }
    .cart_grid.product_grid .product_single_box:hover {
        box-shadow: none;
    }
    .cart_grid.product_grid .product_single_box .cart_prod_row .product_img {
        width: 130px;
    }
    .cart_grid.product_grid .product_single_box .cart_prod_row .other_details {
        width: calc(65% - 150px);
    }
    .cart_grid.product_grid .delivery_info {
        width: 29%;
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    .cart_note {
        margin: 0px;
        border-top: 1px solid #cccccc;
    }
    .product_single_box .share_options span i {
        font-size: 16px;
    }
    .coupon_option {
        padding: 10px 0px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }
    .checkout_detail_box {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 20px;
    }
    .checkout_detail_box .delivery_address {
        margin-top: 0px;
    }
    .new_address_fom { width: 40%;}
    .order_single_box {
        width: 100%;
    }    
}
@media screen and (min-width:1200px) and (max-width:1280px){
    nav.mainMenu ul.nav,
    header .main_Header,
    .container { width: 93%;}    
}
/* [/Media Query] */