@media screen and (max-width: 991px) {
.container{ width:750px;}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	float: left
}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}

/* === add new === */
.mm-panel.mm-hasnavbar .mm-navbar{display:none;}
.mm-panels > .mm-panel.mm-hasnavbar{padding-top:0px;}
.top-panel.mm-panel.mm-hasnavbar h1{margin:0 0 0 0;display:inline-block;width:100%;padding-bottom:16px;}
.top-panel.mm-panel.mm-hasnavbar h1 a{float:right;}
.top-panel.mm-panel.mm-hasnavbar .block .lt-block{position:relative;}
.top-panel.mm-panel.mm-hasnavbar .block .lt-block sup{position:absolute;top:0;right:0;padding:0;margin:0;}


.text-center .cart-btn{padding:12px;margin:0;font-family: 'Open Sans', sans-serif;font-weight:600;font-size:14px;line-height:17px;border:none;border-radius:4px;text-transform:uppercase;letter-spacing:1px;background:#f11a1a;color:#fff;}
.text-center .cart-btn:hover {background:#d41616;}






/* === add new === */




/*#header .middle-block .rt-panel{ width:100%; text-align:center; float:none; margin:0 auto;}
#header .middle-block .logo-block{ width:100%; float:none; text-align:center; padding:10px 0 20px;}*/
#header .middle-block .logo-block{ width:200px; }
#header .middle-block .logo-block img{max-width:100%;}



#header .middle-block .cart{ width:140px; float:right;}
#header .middle-block .list-block{ padding:0 11px; width:120px;}
#header .middle-block .account-block{ width:150px; padding:0 13px; float:none; display:inline-block;}
#header .middle-block .rt-panel .block .drop{ float:left; margin:0 0 0 10px; width:50px;}
#header .middle-block .rt-panel .block{ padding:0;}
/*#header .middle-block .rt-panel .lt-block{ width:145px; float:none; display:inline-block;}*/
.mobile-menu-icon{ display:inline-block; float:left;}
#header .middle-block .cart-block{ float:right; }
#header .bottom-block #navigation{display:none;}
.banner-block .banner-desc .text-block h4{ font-size:40px; line-height:42px;}
#slide-banner .owl-pagination, .customNavigation{ width:750px;}
.inner-section .best-seller-block .box .img-block img{ width:100%;}
.my-account-block .rt-block .order-details-block .table-responsive{ overflow-x:scroll;}
.my-account-block .rt-block .my-wishlist .lt-panel h4{ padding:0 0 30px;}
.my-account-block .rt-block .my-wishlist .md-panel{ margin-top:20px;}
.my-account-block .rt-block .my-wishlist .rt-panel{margin-top:20px;}
.my-account-block .rt-block .my-wishlist .lt-panel{ border:none;}
.cart-details-block .cart-details-top-block .bottom-panel .thumb-block .box2 .block .form-control{ width:100%;}
.login-register .form-control{ width:100%;}
.login-register h6{ margin:0 0 10px;}
.login-register p{ min-height:70px;}
.product-details-block .product-details-top .rt-block .thumb-box .block .rt-form{ width:80%;}
.product-details-block .product-details-top .rt-block .price-panel .lt-panel p{ padding-left:30px;}
.product-details-block .product-details-top .rt-block .price-panel .lt-panel p span{ font-size:20px;}
.product-details-block .product-details-top .rt-block .price-panel .rt-panel p span{ font-size:22px;}
.product-details-block .brought-block .img-block

.mobile-menu-icon{ display:block; }

.inner-section .feature .box{ min-height:385px; padding-bottom:0; margin-bottom:5px;}
.inner-section .feature .box .text-block{ padding:10px;}
.inner-section .block .lt-block h4 span{ display:block;}
.inner-section .block .rt-block ul{ float:left; width:100%;}
.inner-section .text-block .block .lt-panel{ height:auto; width:100%; float:none; text-align:center;}
.inner-section .text-block .block h4{ float:none;}
.inner-section .block .lt-panel a{ float:none;}
.inner-section .text-block .block .rt-panel{height:auto; width:100%; float:none; text-align:center;}
.inner-section .block2 .lt-block{ width:39%;}
.inner-section .block2 .lt-block h5 span{ display:block; padding-left:0; }
.seo-block{ display:none; }
#featured-products .owl-controls .owl-buttons .owl-prev{ top:-33px;}
#featured-products .owl-controls .owl-buttons .owl-next{ top:-33px;}
.contact-block .col-md-3{ background:none;}
.contact-block .form-block{ padding:30px 0 0 0;}
.my-account-block .rt-block .order-details-block .table-responsive2 th, td{ padding:8px 40px;}
.cart-details-block .cart-details-top-block .bottom-panel .thumb-block .box3{ padding:30px 0 0;}
.cart-details-block .cart-details-bottom-block .rt-block .lt-panel{ width:100%; float:none; border-right:none;}
.cart-details-block .cart-details-bottom-block .rt-block .rt-panel{ width:100%; float:none; text-align:center;}
.cart-details-block .cart-details-bottom-block .rt-block .rt-panel h4{ padding:20px 15px 0; text-align:center;}
.product-details-block .product-details-top .rt-block .thumb-box .block .rt-form{ width:100%;}
.product-details-block .product-details-top .rt-block .thumb-box .block p{ padding:0 0 5px;}
.product-details-block .product-details-top .rt-block .thumb-box .block2 .lt-panel{ width:100%; margin:0 auto; float:none;}
.product-details-block .product-details-top .rt-block .thumb-box .block2 a{ background-position:30%; margin:0 0 10px;}
.product-details-block .product-details-top .rt-block .thumb-box .block2 .rt-panel{ width:100%; float:none; margin:0 auto;}
.product-details-block .product-details-top .rt-block .thumb-box .block .quantity{ width:100%;}
.product-details-block .brought-block .img-block img{ max-width:100%;}
.product-details-block .brought-block .text-panel p{ width:100%; float:none; border:none; text-align:center;}
.product-details-block .brought-block .text-panel h4{ float:none; text-align:center;}
.product-details-block .brought-block .bottom-block a{ font-size:15px; padding:10px 0 10px 35px;}
.product-details-block .brought-block .img-block{ min-height:110px; overflow:hidden;}
.product-details-block .product-details-top .rt-block h2{ font-size:28px;}
.my-account-block .rt-block .your-address-book .block .box2 a{ padding:0 0 10px;}
.product-list-block .rt-block .bottom-block .box:nth-child(2){ border-right:none;}
.product-list-block .rt-block .bottom-block .box:nth-child(4){ border-right:none;}
.product-list-block .rt-block .bottom-block .box:nth-child(8){ border-right:none;}
.product-list-block .rt-block .top-block .block{ width:47%;}
.product-list-block .rt-block .top-block h3{ padding:0 0 10px;}
.product-list-block .rt-block .bottom-block .block h4 span{ display:block;}
.product-list-block .rt-block .bottom-block .block .rt-block ul{ float:left;}
#header .middle-block .cart .dropdown{ display:none;}
#header .middle-block .cart{ display:none;}
#header .middle-block .menu-icon{ display:inline-block; float:none;}

.product-list-block .lt-block{ text-align:left; padding-bottom:30px; }
.product-list-block .modal__content .lt-block .quicview-img-block{ width:100%; height:auto; border:none; }
.product-list-block .modal__content .lt-block ul.product-thumb li{ display:inline-block; float:none; }
.product-list-block .modal__content .rt-block .option-panel .inner-block .form-control1{ float:right; width:80%; margin:0 0 30px;}
.product-list-block .modal__content .rt-block .option-panel .inner-block .cart{ clear:both; float:left;}
.product-list-block .rt-block .bottom-block .box:hover .p_anch{ bottom:85px;}
.top-panel.mm-panel.mm-hasnavbar.mm-opened .lt-block{ width:29%; float:left; margin:0 0 20px; padding:0;}
.top-panel.mm-panel.mm-hasnavbar.mm-opened .lt-block .img-block{ display:inline-block; width:80px; height:90px; text-align:center; vertical-align:middle; }
.top-panel.mm-panel.mm-hasnavbar.mm-opened .rt-block{  width:68%; float:right; margin:0 0 20px; padding:0;}
.top-panel.mm-panel.mm-hasnavbar.mm-opened .rt-block h2{ font-size:18px; line-height:22px;}
.top-panel.mm-panel.mm-hasnavbar.mm-opened .rt-block p { padding:5px 0; font-size:16px; line-height:18px;}
.top-panel.mm-panel.mm-hasnavbar.mm-opened .rt-block p span{ float:right; }
.top-panel.mm-panel.mm-hasnavbar.mm-opened .rt-block a.remove-button{ float:right; display:block; margin:15px 0 0; padding:5px;}
.top-panel.mm-panel.mm-hasnavbar.mm-opened .rt-block a.second-button{ float:right; display:block; margin:15px 0 0; padding:5px;}
.my-account-block .rt-block .loyalty-points .table-responsive th, td{ padding:5px 10px; font-size:12px;}
.my-account-block .rt-block .loyalty-points .table-responsive td{ font-size:12px;}
.my-account-block .rt-block .loyalty-points .table-responsive a{ width:60px; font-size:10px;}
.my-account-block .rt-block .my-order-block .table-responsive th, td{ padding:5px ;}
.my-account-block .rt-block .my-order-block .table-responsive td{ font-size:12px;}
.my-account-block .rt-block .my-order-block .table-responsive a.view, .my-account-block .rt-block .my-order-block .table-responsive a.cart{ width:40px;}
.product-list-block .modal__content .rt-block .option-panel .inner-block .cart{ margin:0;}
#header .bottom-block #navigation .mobile-menu{ display:block;}
#header .bottom-block #navigation .desktop-menu{ display:none;}
#header .bottom-block #navigation .mobile-menu ul ul{ display:none;}
.sf-mega-section ul li a{ font-family: 'MyriadPro-Regular'; font-size:16px; line-height:20px; text-decoration:none; }
.cart-details-block .cart-details-bottom-block .lt-block .promotional-block{ padding:35px 15px 45px;}
.cart-details-block .cart-details-bottom-block .lt-block .promotional-block .form-block .form-control{ width:100%;}
.cart-details-block .cart-details-bottom-block .lt-block .promotional-block .form-block .apply{ margin-top:10px; width:100%;}
.cart-details-block .cart-details-bottom-block .lt-block .promotional-block{ min-height:360px;}
.mailing-block h2{ padding-top:0; margin-bottom:20px;}
.mailing-block .submit{ font-size:15px; }
}




@media screen and (max-width: 980px) {
	#header .bottom-block #navigation{ height:55px; width:50px;}
	.sf-menu > li { padding:0;}
	#nav-wrap{ float:left; text-align:left; position:relative; }
	.sf-menu .sf-mega{ padding:0; }
	.sf-menu .sf-mega .block{ display:none; }

	/* menu icon */
        #menu-icon {
			background:url(../images/menu_icon.png) 50% 50% no-repeat; text-indent: -9999999em; display:block; width:25px; height:20px; padding:0; overflow:hidden; margin-left:0; margin-top:0; position:absolute; top:10px; cursor:pointer; z-index:1000; background-position:0 center; font-size:0; line-height:0;}
        #menu-icon:hover {

        }

        #menu-icon.active {
                background:url(../images/menu_close.png) 50% 50% no-repeat; background-position:0 center;
        }

		/* main nav */
		.sf-menu ul{display:block; visibility:visible!important; background:#2c58a8;}
		.sf-menu ul ul{ display:none;}

        .sf-menu {
                clear: both;
                position:absolute;
                top:57px;
                width:270px;
                z-index: 10000;
                display: none; /* visibility will be toggled with jquery */
				font-family: 'MyriadPro-Regular';
				left:0px;
        }
        .sf-menu li {
                clear: both;
                float: none;
                margin: 0;
				background:none;
				border:none;
        }
		.sf-menu > li{ display:block; }
		.sf-menu > li > a  { font-size:18px; padding:7px 0 7px 20px !important; border-radius:0; width:auto; }
        .sf-menu a,
        .sf-menu ul a, .sf-menu ul ul a {
                font: inherit;
                background: none;
				transition: all 300ms ease-in-out;
				margin:0 0 1px 0;
				padding:8px 6% !important;
                display: block;
				width:94%;
                border: none;
				font-size:16px;
				line-height:24px;
				height:inherit;
				font-family: 'MyriadPro-Regular';

        }
		.sf-menu a:hover{ text-decoration:underline;}
        .sf-menu a:hover,
        .sf-menu > li > a:hover{ text-decoration:none; }


        /* dropdown */
        .sf-menu ul {
                width: auto;
                position: static;
                display: block;
                border: none;
                background: inherit;

        }
        .sf-menu ul li {
                margin:0;
        }
		.sf-menu ul li a{ font-size:16px; line-height:18px; width:100%; font-family: 'MyriadPro-Regular';}
		.sf-menu ul li.sub ul li a{ font-size:14px;padding:5px 6% 5px 25px!important; }
		.sf-menu ul li.sub ul ul li a{padding:5px 6% 5px 45px!important;}
		.sf-menu .sf-mega{ display:none !important; }
}

@media screen and (max-width: 850px){
	.banner-block .banner-desc .text-block h4{ font-size:30px; line-height:32px;}
}




