@media screen and (min-width: 100px) and (max-width: 800px) {



	/* GENERAL */

	body {

		min-width: 320px;

	}



    #top, #copyright .footer {

        width: 100%;

    }



	#container, #wrapper {

		width: 100%;

	}



    #top ul {

        text-align: left

    }



    #top ul li {

        padding: 0 5px

    }



    #top ul li a {

        line-height: 1.3;

    }



    #header .logo {

        max-width: 49%;

        padding-top: 5px;

    }



    #header .logo img {

        max-width: 100%;

    }



	#main {

		position: relative;

        background: inherit;

	}



	#main .sidebar {

		padding-top: 0;

        background: inherit;

	}



	#main .sidebar .sidebar-in {

		display: none;

		position: absolute;

		background: inherit;

		z-index: 111111;

		top: 47px;

	}



	#main .content {

		width: 100%;

		margin-left: 0;

	}



	.navigation {

		min-height: 40px;

		height: auto;

		position: relative;

	}



	.navigation .menu ul {

		display: none;

		background: #333; /*  */

	    display: none;

	    left: 0;

	    position: absolute;

	    top: 100%;

	    width: 100%;

	    z-index: 111111;

	}



	.navigation .menu ul li {

		float: none;

	}



	.menu-toggle {

		display: block;

		float: left;

	}



	.navigation .menu-toggle a {

		color: #fff;

		font-size: 15px;

		margin-top: 13px;

		margin-left: 5px;

		display: block;

        outline: none;

	}



    .navigation .menu-toggle a:hover {

        color: #fff;

        text-decoration: none;

    }



	.sidebar-toggle a {

		font-size: 15px;

		display: block;

        float: none;

        outline: none;

        margin-left: 5px;

	}



	/* PRODUCT */

	.product {

		box-sizing: border-box;

		width: 100% !important;

		margin-right: 0;

	}



    .product_detail .p_left {

        float: none;

    }



    .product_detail .image {

        margin: 20px auto;

        float: none;

    }



	.product_detail .button.add_cart {

		width: 100% !important;

		float: none;

		margin-top: 10px;

	}



	.product_detail .p_right {

		float: none;

		padding: 0;

		clear: both;

	}



    .product_detail .p_right #related {

        display: none;

    }



	.product_detail .description > table {

		width: 100%;

	}



	.product_detail .description > table td.bold {

		width: 50%;

	}



	#tabs ul.tab li {

		min-width: 0 !important;

        width: auto !important;

	}



    #tabs ul.tab li a {

        font-size: 12px;

        padding: 0 10px;

        font-weight: normal;

    }



    #tabs ul.tab li a span {

        display: none;

    }



	#review .first, #review .last {

		float: none;

		width: auto;

		text-align: left;

	}



	#review input[type="text"],

    #review input[type="email"],

    #review input[type="tel"],

    #review input[type="number"],

    #review textarea {

		box-sizing: border-box;

    	width: 100%;

	}



	#review label {

		float: none;

		width: auto;

	}



	#review .captcha {

		padding: 0;

	}



    #main .breadcrumbs {

        line-height: 1.3;

    }



    /* footer */

    #footer .column {

        width: 100% !important;

        float: none !important;

    }





	/* COMMON */

	.flash {

		width: auto;

	}



	.first, .last {

		/*width: 100% !important;*/

		float: none !important;

	}



	div.last {

		margin-top: 30px !important;

	}



	.cart_dropdown {

		min-width: 320px;

	}



	.tag {

		width: auto;

		max-width: 90px;

	}



    .login_page {

        padding: 0;

    }



	/* CHECKOUT */

    #progress {

        display: none;

    }



    #cart_page h2 {

        text-transform: uppercase;

        font-size: 15px;

        font-weight: bold;

        margin-bottom: 10px;

    }



    #cart_page .free_shipping {

        padding: 10px 15px 10px 0px;

        text-align: center;

        font-size: 13px;

        width: 100%;

        line-height: 1.3;

        margin-bottom: 10px;

    }



    #cart_page .cart_page td.price, #cart_page .cart_page td.amount {

        white-space: nowrap;

    }



    .cart_page td.price {

        font-size: 14px;

        font-weight: bold;

    }



    .cart_page td.amount span {

        display: none;

    }



    .cart_page td.amount input {

        width: 20px;

    }



    #cart_page .cart_page td.name h4 {

        font-weight: normal;

        font-size: 14px;

        margin-bottom: 5px;

        height: 36px;

        overflow: hidden;

        text-overflow: ellipsis;

    }



    #cart_page .cart_page td.image {

        display: none;

    }



    .free_shipping .info {

        font-size: 14px;

    }



    #cart_page .free_shipping span, #cart_page .free_shipping strong {

        font-size: 16px;

    }



    #cart_page .subtotal {

        clear: both;

        margin-bottom: 20px;

    }



    #cart_page div.to_checkout {

        width: 100%;

        float: none;

    }



    #cart_page div.to_checkout .buy {

        width: 100%;

        box-sizing: border-box;

    }



    .options-form {

        padding: 0 5px;

    }



    .c_options h2 {

        text-align: left;

        float: none !important;

    }



    .c_options .code_usage, .all-discount-list {

        line-height: 1.2;

        font-size: 12px;

    }



    .c_options .first, .c_options .last {

        width: 100%;

        float: none;

    }



    .c_options .deliveries {

        margin-bottom: 20px;

    }



    .c_options.summary table td {

        text-align: left;

    }



    .c_options a.back {

        width: 50%;

        text-align: center;

    }



    .c_options.summary table {

    	width: 100%;

    }



    .to_checkout #proceed {

        text-align: center;

    }



    .c_options div.to_checkout {

    	float: none;

    }



    .c_options .to_checkout input {

        padding: 9px 35px;

        height: auto !important;

        width: 100%;

    }



    .c_options .to_checkout input[type=checkbox] {

    	width: auto;

    }



    .c_options a.back {

        top: 15px;

        display: none;

    }



    .summary_page td:first-child {

        width: auto !important;

    }



    .summary_page td:nth-child(3), .summary_page th:nth-child(3) {

        display: none;

    }



    .summary_page td .product-name {

        height: 30px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: block;

    }



    .recap .back {

        display: none;

    }



    .recap .to_checkout .last {

        margin: 0 auto !important;

        float: none !important;

        text-align: center !important

    }



    /* TABLES */

    table.default td.right {

        white-space: nowrap;

    }



    table.with-label td label {

        display: block !important;

        margin-bottom: 2px;

        width: auto;

    }



    table.with-label td input[type=text],

    table.with-label td input[type=email],

    table.with-label td input[type=tel],

    table.with-label td input[type=number],

    table.with-label td input[type=password] {

        width: 90% !important;

        max-width: 250px;

    }



    table.with-label td input[type=radio],

    table.with-label td input[type=checkbox] {

        float: left;

        margin-right: 3px;

        margin-top: 0;

    }



    /* forms */

    /*

    .form input, .form textarea, .wishlist_link textarea {

    	box-sizing: border-box;

    	width: 100%;

    }

    */



    /* OTHER */

    .social_icons {

        display: none;

    }



    /* ARKA */

    .content-categories.sub > li {

        box-sizing: border-box;

        width: 100%;

    }

}



@media screen and (min-width: 400px) and (max-width: 800px) {



	.product {

		width: 49% !important;

        margin-right: 1%;

	}

}



@media screen and (min-width: 480px) and (max-width: 800px) {



    #footer .column {

        width: 50% !important;

        float: left !important;

    }

}



@media screen and (min-width: 801px) and (max-width: 1019px) {



    .flash {

        width: auto;

    }



    #container, #wrapper {

        width: auto;

        max-width: 1020px;

    }



    #main .content {

        width: 800px;

        width: calc(100% - 220px);

    }



    .product {

        width: 32% !important;

        margin-right: 1%;

        box-sizing: border-box;

    }



    #progress span {

        display: none;

    }



    #progress li {

        width: 25%;

    }



    #progress li a::before {

        left: 45%;

    }

}





@media screen and (min-width: 801px) {



    /*

    #container {

    	max-width: 1020px;

    }



    #main .content {

		max-width: 800px;

	}

    */



	.menu-toggle, .sidebar-toggle {

		display: none;

	}



	table.with-label td label {

		display: inline-block !important;

    	width: 150px;

	}

}



.text img {

    max-width: 100%;

    height: auto !important;

}