/* ##################################################################################################
	OPENCART CSS
	Theme by Ecommerce Tools Market
	http://www.ecommercetoolsmarket.com
################################################################################################## */

/* Desktop standard 960 and up */
@media only screen and (max-width: 1024px) {
	#header #welcome {
		left: inherit;
		right: 10px;
	}
}
@media only screen and (max-width: 1023px) {
	/*#column-left + #column-right + #content .caroufredsel_wrapper, #column-left + #content .caroufredsel_wrapper {
		max-width: 472px;
	}*/
        /* Slider */
    #content .carousel-module > div:nth-child(n+2) { /* border-right: 1px solid #fff; */ }
}
/* Tablet and mobile landscape */
@media only screen and (max-width: 979px) {
    html, body, #container, .wrap_top, .wrap_bottom, .wrap_content_index, .wrap_content { overflow-x: hidden; }
    #container, .toplinks ul, input.large-field, select.large-field { width: auto; }
    #header, #menu, #header #logo a { width: 100%; margin: 0 auto;}
	#header #cart .heading h4.show_mobile {
		margin-right: 0;
		margin-left: 6px;
	}
	#header #cart .heading a {
		padding: 0;
		background: transparent none;
	}
    .toplinks { float: left; }
	.toplinks > ul > li { margin: 0; }
	.toplinks > ul > li a { line-height: 50px }
    #header #search {
		right: inherit!important;
		left: 20px;
	}
    #header #logo { margin-right: 0; margin-left: 0.5%; }
    #menu > ul > li > div {
        z-index: 200;
        opacity: 1;
    }
    .box-productfeatured .box-product, .product-grid { text-align: center; }
    img {
        max-width:100%;
        height: auto;
    }
    .order-info-tab td img { max-width: 16px; }    
}

/* Tablet Portrait size to standard 980*/
@media only screen and (max-width: 800px) {
    #header #search input { width: 75%; }
	#header #cart { padding-right: 20px; padding-left: 10px; }
    #column-left, #column-right {
        display:none;
    }
    #column-left + #column-right + #content, #column-left + #content, #column-right + #content {
        margin-left: 0;
        margin-right: 0;
    }
}
@media only screen and (max-width: 768px) {
    body{
        /*background-size:cover;
        -moz-background-size:cover;
        -webkit-background-size:cover;*/
    }
    #container {
        width: auto;
        padding:0px;
    }
    .wrap_account{
        width: 50%;
    }
    /* header */
    #header #welcome { clear: both; }
    #header #search input { width: 75%; }
    /* product info */
    .product-info textarea { width: 90%; }
    .tab-content {
        float: none;
        clear: both;
        width: auto;
        padding: 10px;
    }
    /* Return */
    .return_action_form .content { overflow: hidden; }
    .return-reason, .return-opened { width: 48.809523809523809523809523809524%; }
    .return-reason {
        margin-left: 2.3809523809523809523809523809524%;
        margin-right: 0;
    }
    .return-opened { margin: 0; }
    .return-captcha {
        float: none;
        clear: both;
        padding-top: 1em;
    }
        /* footer */
    #footer {
        height: auto;
        min-height: auto;
    }
    #footer .column_wrapper {
        float: none!important;
        clear: both;
        width: auto;   
        display: table;
    }
    #footer .column {
        width: 50%;
        display: table-cell;
        border-right: 0 none;
        border-bottom: 0 none;
        border-left: 0 none;
        float: none!important;
    }
}

@media only screen and (max-width: 640px) {
    /* product images */
    .image-additional, .image { display: none; }
    #image-additional-mobile, #image-mobile { display: block; }
    .wrap_account{
        float: none;
        width: 80%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 620px) {
    .wrap_content #tab-related .box-product > div {
        float: none;
        width: auto;
        display: block!important;
        margin: 10px 0!important;
        overflow: hidden;
    }
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (max-width: 600px) {
    /* layout */
    #container{
        width:auto;
    }
    #content { overflow: auto; }
    #column-right{
        display:none;
    }
    #column-right + #content {
        margin-right:0;
        margin-left: 0;
    }
    /* header */
    #header {
        width: auto;
        height:auto;
    }
    #header #logo{
        float: none;
        position: relative;
        margin: 0;
        width: auto; /* 100%; */
        text-align: center;
    }
	#header .content { text-align: left; }
    .languageForm, .currencyForm { margin: 0; padding: 0; }
    #header #language, #header #currency {
        padding: 0;
        margin: 0;
        min-height: 27px;
		line-height: 27px;
        top: 0;     
    }
    #header #language{
        left: inherit;
		right: 0;
    }
    #header #currency{
        left: inherit;
        right: 0;
    }
    #header #language #l_switcher, #header #currency #c_switcher {
        margin: 0 5px!important;
        padding: 0 5px;
    }
    #header #cart {
        width: 50%;
		min-width: auto;
        height: 30px;
		right: inherit;
		left: 0;        
        top: 0;       
		margin: 0;
        padding: 0 0 10px 0;
		text-align: right;
    }
    #header #cart .heading {
        background: transparent none;
        height: auto;
    }
    #header #cart .content {
        position: absolute;
        right: inherit;
        left: 0;
        z-index: 1000;
    }
    #header #cart .heading h4 { margin-top: 0; }
    #header #cart .heading a {
        padding: 0;
        height: 30px;
    }
    #header #cart .heading a span { vertical-align: -3px; }
	#header #cart .heading h4.show_mobile i {
		width: 30px;
		display: block;
		padding-left: 0;
		padding-right: 15px;	
		background-position: left top;
	}
	#header #cart .heading h4.show_mobile i:hover, #header #cart .heading h4.show_mobile i:focus, #header #cart .heading h4.show_mobile i:active { background-position: left bottom; }
    #header #welcome, #header #welcome span { overflow: hidden; }
    #header #welcome .login_info a:last-child, #header #welcome .logout_info a:first-child, #header #welcome b { display: none; }
    #header #welcome, #header #welcome span, #header #welcome a {
        text-indent: -500px;
        text-align: right;
    }
    #header #welcome a { display: block; }
    #header #welcome .login_info a:first-child { background: transparent url('../image/sprite-welcome.png') no-repeat left top; }
    #header #welcome .logout_info a{ background: transparent url('../image/sprite-welcome.png') no-repeat 0 -25px; }
    #menu > ul > li > div > ul > li > ul{
        padding-left:20px;
    }
    /* product */
    .htabs {
        height: auto;
        overflow: hidden;
    }
    /* Return */
    #return-product .content .return-product > div { width: 48.518518518518518518518518518519%; }
    .return-name, .return-model {
        margin-left: 2.962962962962962962962962962963%;
        margin-right: 0;
    }
    /* hide and show */
    .small_cat, .small_link { display:block; }
    #header .links, #menu, .org_cat, .toplinks, .jcarousel-skin-opencart, .product-grid > div:hover .show_mobile, .product-grid > div:focus .show_mobile,
     .product-grid > div:active .show_mobile, .box-product > div:hover .show_mobile, .box-product > div:focus .show_mobile, .box-product > div:active .show_mobile {
        display:none;
    }
	/* footer */
	#powered, #socialColumn {
		text-align: center;
		float: none;		
	}
	#powered { line-height: 22px; }
	#socialColumn li {
		float: none;
		display: inline-block;
		margin: 0 8px 16px;
	}    
}

@media only screen and (max-width: 480px) {
    #header #cart .heading {
        padding: 0;
    }

    #header #cart .heading h4,  #header #cart .heading a {
        float: right;
        height: 30px;
    }
    #header #cart .heading a {
        display: block;
        width: 50px;
        word-spacing: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: clip;
        background-image: none;
        font-size: 30px;
        line-height: 30px;
        margin-left: 0;
        margin-right: 0;
        vertical-align: bottom;      
    }
    #header #cart .heading > a { direction: ltr; }
    #header #cart .heading h4 a {
        left: inherit;
        right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    #header #cart .heading a span {
        background: transparent none;
        padding-right:0!important;
    }

    #header #cart .content { display: none; }
    #header #search .search-wrap { margin-left: 0; margin-right: 0.5%; }
    .small_link ul li { width: 33.333333333333333333333333333333%; }
    .small_link ul li:nth-child(3) a, .small_link ul li.small_link ul li:nth-child(3):hover a {
        /* -moz-border-radius: 0px 3px 0px 0px;
        -khtml-border-radius: 0px 3px 0px 0px;
        -webkit-border-radius: 0px 3px 0px 0px;
        border-radius: 0px 3px 0px 0px; */
    }
    select[name="country_id"] { max-width: 85%; }
    /* layout */
    #content > form td input[type="text"], #content > form td textarea {
        width: 97.058823529411764705882352941176%;
        padding: 1.1029411764705882352941176470588%;
    }
    #content > form .cart-info td input[type="text"] { width: 65%; }
    form .content .left input.large-field, form .content .right input.large-field, .return-product input[type="text"], .return-opened textarea {
        width: 98.181818181818181818181818181818%;
        padding: 0.68181818181818181818181818181818%;
    }
    .wrap_account { width: auto; }
    /* cart */
    #shipping table, #shipping tbody, #shipping tr, #shipping td { display: block; }
    #shipping td:nth-child(even) { margin-bottom: 15px; }
    #content .cart-module .button { margin-top: 15px; }
    /* product-grid */
    #content .carousel-module > div { /* border: 1px solid #fff; */ }
    /* product info */
    .box-product { text-align: center; }
    .box-product > div { display: inline-block!important; }
    .product-info { overflow: hidden; }
    .product-info > .left {
        float: none;
        margin-right: 0;
        text-align: center;
    }
    .product-info > .left + .right {
        margin-left: 0;
        margin-right: 0;
        float:none;
    }
    .product-info .image { 
        margin: 0 auto 20px;
        float: none!important;
    }
    .product-info .image-additional { margin: 0 auto; }
    .product-info .image-additional a { margin: 0 5px 10px; }
    .product-info .cart > div:first-child {
        float: none;
        clear:both;
        margin-bottom: 5px;
    }
    /* Tabs */
    .htabs a {
        display: block!important;
        float: none;
    }
    /* returns - sitemap */
    #return-product .content .return-product > div { width: auto; }
    .return-name, .return-model, .return-quantity, .return-reason, .return-opened, .return-captcha {
        float: none;
        width: 100%;
        margin: 10px 0 0;
    }
    #content .content .left, #content .content .right, .sitemap-info .left, .sitemap-info .right {
        float: none;
        width: 99.9%;
    }
    #content > form { width: auto; }
    .sitemap-info .left ul, .sitemap-info .right ul {
        padding-left: 0;
        padding-right: 20px;
        list-style-type: none;
    }
    .sitemap-info .left > ul, .sitemap-info .right > ul { padding-left: 0; padding-right: 10px; }
    .sitemap-info .left > ul > li, .sitemap-info .right > ul > li {
        padding-top: 5px;
        margin-top: 5px;
    }
    .sitemap-info .left ul li a, .sitemap-info .right ul li a {
        padding: 5px ;
        display: block;
    }
    /* footer */
    #footer .column_wrapper, #footer .column, #footer .column:nth-child(odd), #footer .column:nth-child(even), .checkout-content .right, .checkout-content .left {
        display: block;
        height: auto;
        float: none;
        border-right: 0 none;
        border-left: 0 none;
    }
    .checkout-content .right, .checkout-content .left {
        width: auto;
        padding: 0 10px;
    }
    .checkout-content .large-field, .checkout-content .large-field { width: 272px; }
    .checkout-content textarea {
        width: 98.260869565217391304347826086957%;
        padding: 0.6521739130434782608695652173913%;
    }
    .checkout-content .right {
        padding-top: 10px;
    }
    .buttons .right {
        padding-top: 0;
        border: 0 none;
    }
    #footer .column {
        width: auto;
        padding: 3%;
    }
    /* forms */
    #content .form, #content .form thead, #content .form tbody, #content .form tfoot, #content .form tr, #content .form td { display: block; }
    /* hide or show elements */
    .hide_mobile { display: none!important; }
    .show_mobile { display: block; }
    table.list td.show_mobile { display: table-cell; }
    /* product (zoom) */
    #colorbox {
        border: 1px solid #666;
        padding: 0!important;
        left: 50%!important;
        margin-left: -25%!important;
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
    }
    #colorbox { padding: 0!important; left: 50%!important; margin-left: -150px!important; }
    #colorbox, #cboxContent, #cboxMiddleLeft, #cboxMiddleRight, #cboxWrapper { width: 300px!important; height: 305px!important; }    
    #cboxWrapper { width: 300px!important; max-width: 100%!important; height: 305px!important; }
    #cboxLoadedContent { width: 280px!important; height: 280px!important; background: #fff none; padding: 10px; }
    #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxTopLeft, #cboxTopRight { display: none!important; background-image: none;  }
    #button-shipping { color: #fff!important; }
    #cboxClose { bottom: 5px!important; right: 5px!important; float: none!important }
}

@media only screen and (max-width: 380px) {
    #header #logo{
        left:inherit;
        right: 0;
    }
    #header #search .search-wrap { margin-left: 0; }
    #header #cart .heading h4 a {
        left: inherit;
        right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    #header .links{
        display:none;
    }
    /* account */
    .login-content .left, .login-content .right {
        float: right;
        width: 100%;
    }
    /* cart */
    .cart-info .quantity input[type="text"] {
        display: block;
        width: 65%;
    }
    /* checkout */
    .checkout-heading {
        padding-right: 8px;
        padding-left: 24px;
        position: relative;
    }
    .checkout-heading a {
        float: none;
        position: absolute;
        right: inherit;
        left: 8px;
        top: 50%;
        display: block;
        width: 16px;
        height: 16px;
        font-size: 0px;
        margin-top: -8px;
        background: transparent url('../image/arrowBack.svg') no-repeat left top; 
        opacity: 1;
        -moz-transition: all 200ms ease-in-out 0s;
        -khtml-transition: all 200ms ease-in-out 0s;
        -webkit-transition: all 200ms ease-in-out 0s;
        -ms-transition: all 200ms ease-in-out 0s;
        -o-transition: all 200ms ease-in-out 0s;
        transition: all 200ms ease-in-out 0s;
    }
    .checkout-heading a:hover, .checkout-heading a:focus, .checkout-heading a:active { opacity: 0.7; }
    .checkout-content .large-field, .checkout-content .large-field {
        width: 93.150684931506849315068493150685%;
        padding: 1.0273972602739726027397260273973%;
    }
    /* return product */
    form .content .left input.large-field, form .content .right input.large-field, .return-product input[type="text"] {
        width: 97.142857142857142857142857142857%;
        padding: 1.0714285714285714285714285714286%;
    }
    .product-filter .limit { margin-bottom: 5px; }
    .buttons > div {
        clear: both;
        margin-bottom: 5px;
    }
    .buttons .right, .buttons .center, .buttons .button {
        float: none;
        clear: both;
        display: block;
        margin-top: 5px;
    }
    .buttons .right, .buttons .center { text-align: left; }
    .hide_small_device, .description { display: none; }
    /* product */
    #colorbox { padding: 0!important; left: 50%!important; margin-left: -100px!important; }
    #colorbox, #cboxContent, #cboxWrapper { width: 200px!important; height: 305px!important; }    
    #cboxWrapper { width: 200px!important; height: 305px!important; }
    #cboxLoadedContent { width: 180px!important; background: #fff none; padding: 10px; }
    #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxTopLeft, #cboxTopRight { display: none!important; background-image: none; width: 0px!important;  }
    .product-info .image-additional {
        width: auto;
        padding: 0 5px;
        text-align: center;
    }
    .product-info .image-additional a {
        float: none;
        display: inline-block;
    }
}

@media only screen and (max-width: 320px) {
    /* product info */
	.image-additional .image-wrap {
		max-width: 74px;
	}
    .wrap_content #tab-related .box-product > div .image {
        float: none;
     }
     .wrap_content #tab-related .box-product > div, .wrap_content #tab-related .box-product > div div {
        text-align: center!important;
     }
}

@media only screen and (max-width: 250px) {
    #container {
        width: auto;
        min-width: 240px;
        margin: 0 0 20px;
    }
    .small_link, .small_cat {
        margin: 0;
    }    
	.wrap_content, #header .wrap-bottom, .small_link, .small_cat, .notification { margin: 0 5px; }
    .small_cat { margin-bottom: 10px; }
    .wrap_content {
        padding: 25px 0;
    }
    #header {
        height:auto;
        width: auto;
    }
    #header .links{
        display:none;
    }
    #logo img {
         /*max-width: 90%;
       margin: 0 5%;*/
    }
    .wrap_content #content { margin: 0 5px; }
    #colorbox { margin-left: -100px!important; }
    #colorbox, #cboxContent { width: 200px!important; height: 235px!important; }    
    #cboxWrapper { width: 100%!important; height: 210px!important; }
    #cboxLoadedContent { width: 180px!important; height: 210px!important; }
    #footer .column { margin: 0 5px; }
}