/* For this view 1024 - Ipad landscape */
@media only screen and (max-width:1279px) {
  
    
/***========================================================== 
    1 - General
==========================================================***/
    
.container, #Wrapper{
    width:990px;     
}
.pagetwocol .Content{
   float: left;
   width:52.6%;
}
.pagewithright .Content.Wide{
   float: left;
   width:76.2%;
}
.categorywithright .Content.Wide {
    float: left;
    width: 76.2%;
}
/***========================================================== 
    2 - Header
==========================================================***/
.header-right{
    width: 66%;
}
#Logo{
    text-align:left;
}

/***========================================================== 
    3 - Slider
==========================================================***/
.slider .slide-show-render-full .slide-overlay {
    display: block;
    left: 0;
    max-width: 100%;
    text-align: center;
    top: 90px;
    width: 100%;
}
.slider .slide-show-render-full .slide-text {
    font-family: "Montserrat",sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 54px;
}

.slider .slide-show li.slide{
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    height: 500px;
    max-height: 500px;
    overflow: hidden;
}
.slider .slide-show-render-full .slide-overlay{
    top:140px;  
}
/***========================================================== 
    4 - Home page Banner
==========================================================***/
.banner_home_page_top img {
    height: auto;
    width: 49%;
}
    
.homepage .Content{
    width: 52.7%;
}

.homepage .Content .ProductList li{
    width:250px !important;
}
#home .ProductList li, .productPage .ProductList li, #home .ProductList li .mosaic-block, .productPage .ProductList li .mosaic-block{
    width:214px;   
}

.banner-box h3{
    word-wrap:break-word;
    font-size: 28px;
    line-height: 30px;
    margin:0 0 15px;
}

.banner-box .banner-content{
    width:225px !important;     
}

/***========================================================== 
    5 - Footer
==========================================================***/

.footer-advertise .inner, .footer-top-section .inner {
    margin: 0 auto;
    width: 990px;
}
.footer-box.column2 {
    width: 29%;
}
.footer-top-section .footer-box .about-content{    
    height: 293px;
    overflow-y: scroll;
    width: 395px;
}
.footer-advertise h6{
    font-size:16px;
    line-height:18px;
}
.instagram > img {
    width: 100%;
}
.footer-main .SocialConnect li{
    margin:0 0 0 2px; 
}
.newsletter-subscription input.Textbox, .newsletter-subscription textarea, .newsletter-subscription input[type="text"]{
   width:78%;  
}
/***========================================================== 
    6 - Product List
==========================================================***/
.thumb-over-item .compare button, .thumb-over-item .addtowishlist button, .thumb-over-item .quickview button {
    width: 38px;
    padding:0; 
}

.address-details, .phonedetails, .emaildetails{
    font-size: 11px;
    line-height: 13px;
    padding-left: 5px;
}
.Content .ProductList li{
    width:238px !important;
}
.categorywithright .Content .ProductList li {
    width: 238px !important;
}
.categoryfullwidth .Content .ProductList li{
    width:232px !important;
}
.categoryfullwidth .Content .ProductList.List li {
    width: 100% !important;
}

.Content .ProductList.List li{
   width:97.4% !important;
}
.productPage .ProductList li, .productPage .ProductList li .mosaic-block {
    width: 232px !important;
}
#ProductDetails .ProductThumbImage {
    width:100% !important;
}
/***========================================================== 
    7 - Search Page
==========================================================***/
.QuickSearch tbody tr{
    padding:0 6px;
}
.faceted-search .Content.ContentArea{
   padding:0 0 20px;
}
/***========================================================== 
    8 - Pop up
==========================================================***/
.fastCartItemBox {
    max-width: 240px;
}
#fastCartContainer .ProductList{
   margin-left:-20px;
}
#fastCartContainer .ProductList li {
    width: 210px !important;
    margin: 0 0 20px 20px !important;
}

/***========================================================== 
    9 - Checkout pages
==========================================================***/
#provider_list {
    margin: 0 0 15px;
}
#payment_options{
    margin:15px 0 0;
}

/***========================================================== 
    10 - Faceted Search
==========================================================***/
.faceted-search .Content .ProductList li {
    width: 238px !important;
}


}

/***========================================================== End Media width:1279 ==========================================================***/

/* For this view 768 - Ipad potrait*/
@media only screen and (max-width:1023px) {
    
/***========================================================== 
    1 - General
==========================================================***/
.main{    
    padding-top: 125px;
}    
.container, #Wrapper{
    width:100%;     
}
#DrawerMenu {
    display: none;
} 
.TitleHeading{
    font-size:16px;
    line-height:18px;
    padding: 8px 14px;
}
#ModalContainer{
    overflow-y:scroll !important;
}
.pagetwocol .Content{
   float: left;
   width:100%;
}
.pagewithright .Content.Wide{
   float: left;
   width:100%;
}
.categorywithright .Content.Wide {
    float: left;
    width:100%;
}
.categorywithright .Content .ProductList li {
    width: 235px !important;
}
/***========================================================== 
    2 - Header
==========================================================***/   
.header #Logo{
     margin:2px 0 !important;
}
.TopMenu li {
    padding:0 5px;
}
.header .TopMenu li #loginlink a{
    margin-left:5px;
}
.header .TopMenu li #loginlink a:hover{
    border:none;
}
.header #Logo{
    padding:0; 
    max-width: 250px;
}
.header-right{
    max-width:450px; 
    float:left !important;
}

.slider .slide-show-render-full .slide-text{
    font-size:44px;
    line-height:46px;
}
#Header .mobileMenuIcon {
    color: #fff;
    display: block !important;
    font-size: 28px;
    height: 32px;
    margin: 8px 0 !important;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 32px;
}
.wrapItNow{
    display:block; 
}
#sidr-left .treeview .hitarea.expandable-hitarea, #sidr-left .treeview .hitarea.collapsable-hitarea {
    padding-top: 7px;
}
#Header .mobileMenuIcon{
    margin:11px 0 !important;
}
.search-container{
   padding:8px 0;
}
.header-right .search-container #SearchForm{
     width: 340px;
}
/*
.search-container #SearchForm input.Textbox{
   width:465px;
}

.header-right .search-container .searchbox #SearchForm {
    clear: none;
    float: right;
    width: 500px !important;
    background:rgba(12, 31, 52, 0.9);
    margin: 48px -40px 0 0;
    
} 
*/
.header-right .search-container #SearchForm input.Textbox{
   width:300px;
}

.mmenu-title {
    font-family: 'Source Sans Pro', sans-serif; 
    color:#444444 !important;
    display: block !important;
    padding: 10px 10px 10px 20px !important;
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}
.mm-panel.mm-hasnavbar .mm-navbar a.mm-title{
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif; 
    color:#444444;
    font-size: 18px;
    line-height: 22px;
}
a.close-button {
    color: #ec3642 !important;
    font-size: 22px !important;
    font-weight: bold;
    line-height: 24px;
    text-align:right;
}
.QuickSearch{
   width:498px !important;
}
/***========================================================== 
    3 - Slider
==========================================================***/
.slider .slide-show-render-full .slide-text {
    font-size: 30px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} 
.slider .slide-show-render-full .slide-heading{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.slider .slide-show-render .slide-button span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.flex-direction-nav a{top:58%;}

/***========================================================== 
    4 - Home page
==========================================================***/
.homepage .Content {
    width:100%;
}   
#home .main {
    margin-top: 20px;
}
.banner_home_page_top p:first-child{
    margin:0;
}
.homepage .Content .ProductList li {
    width: 235px !important;
} 
.Content .ProductList li {
    width: 235px !important;
}

.banner-box h3{
   font-size:20px;
   line-height:22px;
}
.banner-box.rightside .banner-content {
    text-align: left;
    margin-left: -110px !important;
}

/***========================================================== 
    5 - Product Detail Page
==========================================================***/
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
.product-tabs  ul.resp-tabs-list {
    display: none;
}
.product-tabs h2.resp-accordion { 
    display: block;
}
.product-tabs .resp-accordion-closed {
    display: none !important;
} 
.banner-box .banner-content{
     width: 180px !important;
    padding-top: 20px;
    z-index:99999; 
}
.banner-box .banner-img img{
    width:100%;
    height:auto;
} 
.banner-box .banner-img{
    height: auto;
    overflow: hidden;
    width: 235px !important;
}
.banner-box.rightside .banner-content{
    text-align: left;
    margin-left: -75px !important;
}
.banner-box.rightside .banner-img{
        margin-left: -5px !important;
    width: 304px !important;
}
.banner-box{
     height:340px;
}
.bottom_banner{
     height:345px; 
}
#ProductDetails .ImageCarouselBox .ProductTinyImageList{
     width:71% !important;
}
.thumb-over-item .compare button, .thumb-over-item .addtowishlist button, .thumb-over-item .quickview button{
     padding:11px;
}

/***========================================================== 
    6 - footer
==========================================================***/
.footer-advertise .inner, .footer-top-section .inner{
    width:100%;
    padding:0 10px;
}
.footer-advertise h6 {
    font-size: 12px;
    line-height: 14px;
}

.satisfaction i, .easy_return i, .free_shipping i{
    margin:0 20px 0 20px;
    font-size: 28px;
}
.footer-top-section .footer-content {
    margin-left: 0;
}
.footer-top-section .footer-box{
    margin-left:0px; 
    margin-bottom:20px; 
}
.footer-top-section .footer-box .about-content{
   height:auto;
   width:100%;
}
.footer-main .contactdetail.column.column {
    margin:10px 0;
    padding: 0 10px;
    width: 100%;
}
.footer-main .column{
     width: 23%; 
}
.footer-box.column2 {
    width: 62%;
    float: left;
}
.footer-box.column3 {
    float: right;
    width: 33% !important;
}
.footer-columns .grid__item {
    padding-left: 30px;
}
.footer-columns  .newsletter-subscription{
   width: 80%;
}
.newsandsocial {
    float: left;
    width: 340px;
}
.payments{
    float:left; 
}
.SocialConnect {
    margin: 20px 0 0;
}
.footer-main .inner {
    padding: 30px 0 0;
}
.footer-main .SocialConnect li{
    margin:0 0 0 15px; 
}

/***========================================================== 
    7 - Category page
==========================================================***/
.SubCategoryListGrid ul li{
    max-width:22%; 
}

/***========================================================== 
    8 - Cart page
==========================================================***/
#CartContent .ProceedToCheckout, #CartContent .KeepShopping {
    padding: 15px 15px 0 0;
}
.EstimateShipping .EstimateShippingButtons{
    float:right; 
}
/***========================================================== 
    9 - Checkout page
==========================================================***/
.ExpressCheckoutContent .a .Field200 {
    width:350px !important;
}
.ExpressCheckoutContent .HorizontalFormContainer p.Submit br{
    display:none; 
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent{
    display:none; 
}
.ExpressCheckoutBlockCompleted a.ChangeLink{
    top:20px;
}
.CheckoutRedeemCoupon{
    margin:20px 0;
}
.ExpressCheckoutContent {
    padding: 5px;
}
.checkoutgift .price{
   text-align:right !important;
}
/***========================================================== 
    10 - Giftcertificate page
==========================================================***/
#expiryInfo2{
    margin-left:0;
}

/***========================================================== 
    11 - Search page
==========================================================***/
.SearchContainer .ProductList.List li{
    width:97.3% !important;
}


/***========================================================== 
    12 - Pop up
==========================================================***/
/*.fastCartThumb {
    width: 100%;
}
.fastCartItemBox {
    max-width: 100%;
    width: 100%;
}
.fastCartSummaryBox {
    margin: 13px auto !important;
    width: 100%;
    display: block;
    max-width: 100%;
} */

#fastCartContainer .ProductList li:first-child{
   width:200px !important;
}
#fastCartContainer .ProductList li{
   width:200px !important;
}
#ModalContainer{
    width: 90% !important;
    margin-left: auto !important;
    top: 5% !important;
    bottom: 5% !important;
    left: 5% !important;
    right: 5% !important;
    height: auto !important;
    overflow-y: auto !important;
}
/***========================================================== 
    13 - Faceted Search
==========================================================***/
.faceted-search .Content .ProductList li {
    width: 236px !important;
}
.Left .facet-header .facet-header-title{
   padding:8px 14px;
}
.Left .js-faceted-search-container .close .facet-header .facet-header-title:before, .Left .js-faceted-search-container .open .facet-header .facet-header-title:before{
   top:10px;
}
}

/***========================================================== End Media width:1023==========================================================***/

/* For this view 667 iphone 6 */
@media only screen and (max-width:767px) {
 
/***========================================================== 
    1 - General
==========================================================***/  

.TitleHeading{
    font-size: 22px;
    line-height: 24px;
    padding: 5px 15px;
}

/***========================================================== 
    2 - Header
==========================================================***/  
.header{
  position:relative;
}
#Header{
  background:rgba(12, 31, 52, 1);
}
.main {
    padding-top: 10px;
}
.shrink #Header{
   padding:5px 0 !important;
}
.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner, .headright .inner {
    width: 100%;
    padding: 0 15px;
}
#Header .mobileMenuIcon{
    right:10px;
}
.header-right{
     max-width: 390px;
     clear:none;
}
.header #Logo{
     max-width:200px;
}
.header .TopMenu .FloatRight.topMenuIcon{
  border: 1px solid #a2000b;
  background-color:#fff; 
  width: 58px;
  height: 24px;
  z-index: 34;
  font-size:12px;
  line-height:16px;
  color:#ec3642;
  font-family:'Open Sans', sans-serif;
  font-weight:700;
  margin:10px 0;
}
.header .contactdetail ul li .phoneIcon{
  padding:14px 0;
}
.header .TopMenu > li > a, .header .menucover li a, .header .TopMenu li div{
  padding:5px 0; 
}

.currency-converter.Show{
  position:relative;
  padding:0 !important;
}
.header .currency-converter > a {
    padding: 5px 5px !important;
}
.header .TopMenu li div.currencyconvertor{
    padding:0!important;
}
.header .TopMenu li .CurrencyChooser {
    padding: 0;
    background: transparent;
    border: none;
    left: 0;
    right: auto;
    top: 0;
    position:relative;
    width:100%;
}
.CurrencyChooser h2{
    display:none;
}
.header .TopMenu li #loginlink a {
    padding: 0 0 5px 0;
    background: transparent;
    border: none;
    color: #fff;
    display: block;
    font-weight: 400;
}
.TopMenu > .inner.currency {
    padding-bottom: 10px;
    position: relative;
    transition:all 0.4s ease-in-out 0s;
    -webkit-transition:all 0.4s ease-in-out 0s;
    -moz-transition:all 0.4s ease-in-out 0s;
}
.header .TopMenu li .selected-currency{
    width:100%;
}
.header .TopMenu li .CurrencyChooser .BlockContent{
    padding:0 !important;
}
.header .TopMenu li .CurrencyChooser .BlockContent .CurrencyList{
    width:100%; 
}
#loginlink {
    padding-left: 5px;
}
.search-container #SearchForm input.Textbox{
   width:335px !important;
}

.header .TopMenu li .selected-currency a{
   display:inline-block;
}

.search-container #SearchForm input.Textbox{
   width:630px !important;
}

.header-right .search-container .searchbox #SearchForm {
    width: 667px !important;
    background: rgba(12, 31, 52, 0.9);
    margin: 0;
    position: absolute;
    right: -62px;
    top: 56px;
    left: auto;
    
} 
/***========================================================== 
    3 - Slider
==========================================================***/ 
.slide-show .slide-overlay{
   background:transparent;
}
.slide-show .slide-text, .slide-show .btn {
    display: block;
}
.flex-control-nav, .flex-direction-nav{
   display: block;
}

/***========================================================== 
    4 - Home page
==========================================================***/ 
.banner_home_page_top img {
    height: auto;
    margin: 0 0 10px;
    width: 100%;
}
.Block.banner_home_page_top {
    margin-bottom: 20px;
}
.bottom_banner{
   height:auto;
   padding:5px 10px;
}
.banner-box{
   height:auto; 
   width:100% !important;
}
.banner-box .banner-content {
    margin: 0 !important;
    padding-top: 50px;
    width: 280px !important;
    z-index: 99999;
}
.banner-box.leftside{
   background:url(//cdn2.bigcommerce.com/n-biq04i/wfaoy/templates/__custom/images/bottomborder.png?t=1485783286) no-repeat center bottom;
}

/***========================================================== 
    5 - Footer
==========================================================***/ 
.footer-box.column2, .footer-box.column3 {
    display: none;
}
.satisfaction, .easy_return{
    width:100%;
}
.free_shipping{
    width:100%;
    margin:2px 0;
}
.footer-top-section .footer-content{
    margin-left:0;
}
.footer-top-section .footer-box {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}    
.footer-columns {
    margin: 0;
    padding: 30px 0;
}
.footer-main .column {
    width: 100%;
    margin:0 0 10px;
}
.footer-main .footer-columns h4, .footer-main .footer-columns h3{
   margin: 0 0 10px;
}
.address, .phonenumber, .email {
   display:block;
}
.footer-main .contactdetail.column.column{
   padding:0;
}
.newsandsocial{
   width:100%;
}
.footer-columns .newsletter-subscription{
   width:100%;
}
.newsletter-subscription input.Textbox, .newsletter-subscription textarea, .newsletter-subscription input[type="text"]{
  width:90% !important;
}
.SocialConnect {
    margin: 10px 0 20px;
}
.email {
    margin: 0;
}
.address, .phonenumber{
    margin:0 0 15px;
}
.emaildetails a, .phonedetails a{
    line-height:20px;
}
.address-details, .phonedetails, .emaildetails {
    font-size: 11px;
    line-height: 16px;
    padding-left: 15px;
}
#footernavigation .column-list.column h4:before{
   content:"\f067";
   font-family:"FontAwesome";
   float:right;
}
#footernavigation .column-list.column h4.active:before{
   content:"\f068";
   font-family:"FontAwesome";
   float:right;
}

/***========================================================== 
    6 - Category page
==========================================================***/  
.Content .ProductList li {
    width: 304px !important;
}
.SubCategoryListGrid ul li{
   width:29.2% !important;
}

.Content .ProductList.List li {
    width: 100% !important;
}
.ProductList.List {
    margin-left: 0 !important;
}
.CategoryDescription img{ 
   width:100%;
   height:auto;
}
.banner_category_page_bottom img, .banner_category_page_top img, .banner_brand_page_bottom img, .banner_brand_page_top img, .banner_search_page_top img, .banner_search_page_bottom img {
    width: 100%;
    height: auto;
}

/***========================================================== 
    7 - Product detail page
==========================================================***/  
.PrimaryProductDetails .ProductMain{
   margin:0 0 20px;
}
#SideProductRelated {
    margin: 20px 0 0;
}
.ProductList li .mosaic-block{
    padding:5px;
}
#ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {
    margin-top: 0;   
}
#ProductDetails .ImageCarouselBox .ProductTinyImageList {
    width: 90% !important;
}
#home .ProductList li, .productPage .ProductList li, .ProductList li, #fastCartContainer .ProductList li{
    margin-bottom:20px;
}
#ProductDetails .ProductThumbImage {
    height: auto !important;
}
/***========================================================== 
    8 - checkout page
==========================================================***/  
.multiStep li{
    margin:0 5px;
}
.multiStep li h4{
    font-size: 12px;
}
.multiStep li.ActivePage h4{
    padding:0;
}
/***========================================================== 
    9 - Extra css
==========================================================***/  
.InfoMessage, .ErrorMessage, .SuccessMessage{
    font-size: 14px;   
    line-height: 18px;
}
/***========================================================== 
    10 - Search Page
==========================================================***/
.SearchContainer .ProductList.List li {
    width: 100% !important;
}
.SearchContainer .ProductList.List {
    margin-left: 0 !important;
}
.SearchContainer .ProductList li, .SearchContainer .ProductList li .mosaic-block{
    padding:5px;
}
.faceted-search .SearchContainer .ProductList {
    margin: 0 auto !important;
}
.faceted-search .SearchContainer .ProductList li {
    width: 100% !important;
}
/***========================================================== 
    11 - Cart Page
==========================================================***/
.CouponCode #couponcode, .GiftCertificateCode #giftcertificatecode{
   width: 87% !important; 
}
.EstimateShipping{
   width: 98%;
}
.ExpressCheckoutBlock .ExpressCheckoutTitle{
   padding:10px;
   font-size: 16px;
   line-height: 20px;
}
.ExpressCheckoutBlockCompleted a.ChangeLink {
    top: 10px;
}
.CartContents .mobileView .CartList{
    padding:0;
}
.footer-columns .column-list .CategoryList {
    margin:0 !important;
}
.cartgift{
  position:relative;
} 
.cartgift .CartRemoveLink{
 top:3px;
 right:10px;
}
.cartgiftitem{
 display:table-row;
 border-right:none;
}
.CartContents .ProductName a.edititem{
  font-size:11px;
  line-height:13px;
}
/***========================================================== 
    12 - Faceted Search
==========================================================***/
.faceted-search .Content .ProductList li {
    width: 100%!important;
}   

}
/***========================================================== End Media width:767px==========================================================***/

/* For this view 568 ipod landscape */
@media only screen and (max-width:666px) {
  
/***========================================================== 
    1 - Header
==========================================================***/
.header-right {
    max-width: 290px;
}

.header.shrink #Logo {
    margin: 5px 0 !important;
}
.search-container #SearchForm input.Textbox {
    width: 525px!important;
}
.header-right .search-container .searchbox #SearchForm {
    width: 565px !important;
}
 
/***========================================================== 
    2 - Slider
==========================================================***/
.slider .slide-show li.slide{
    height: 270px;
    max-height: 270px;
}
.slider .slide-show-render-full .slide-overlay {
    top: 115px;
}
.slider .slide-show-render-full .slide-heading{
    font-size: 14px;
    line-height: 18px;
    padding: 2px 15px;
    margin: 0 auto 5px;
}
.slider .slide-show-render-full .slide-text {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px;
}
.slider .slide-show-render-full .slide-button{
    background: #ec3642;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 27px 4px;
}
.flex-control-paging li a {
    font-size: 35px;
    line-height: 35px;
}
.flex-direction-nav a{
    top:63%;
}

/***========================================================== 
    3 - Home page
==========================================================***/
#home .main{
    margin-top:20px;
}
#HomeNewProducts, #HomeFeaturedProducts {
    margin-bottom: 20px;
}
.banner_home_page_bottom .btn{
    padding:8px 16px !important;
}
   
/***========================================================== 
    4 - Category page
==========================================================***/
#home .ProductList li, .productPage .ProductList li, .ProductList li, #fastCartContainer .ProductList li{
    width:98% !important;
}
.Content .ProductList li {
    width: 100% !important;
    margin: 0 0 20px;
}
.ProductList, .SearchContainer .ProductList {
    margin-left: 0 !important;
}

/***========================================================== 
    5 - Brand page
==========================================================***/
.SubBrandList li{
    width:50%;
}

/***========================================================== 
    6 - Category page
==========================================================***/
#ProductDetails .ImageCarouselBox .ProductTinyImageList {
    width: 78% !important;
}

/***========================================================== 
    7 - Cart Page
==========================================================***/
.CouponCode #couponcode, .GiftCertificateCode #giftcertificatecode{
   width: 84% !important; 
}
#cartForm table.CartContents tbody tr.cartgiftitem td{
   padding:20px 0;
}

}

/***========================================================== End Media width:666px==========================================================***/

/* For this view 480 Iphone 4 landscape */
@media only screen and (max-width:567px) {

/***========================================================== 
    1 - General
==========================================================***/
.btn, a.btn.alt{
    padding:10px 20px !important;
}
.CreateAccount h3, .AccountLogin h3, h3, h4, #WishListEditFrom h3, #WishListItems h3, #AccountOrder h3, .HorizontalFormContainer h3, .BlockContent.PageContent .BlogPostContent h3 a, .ProductDetailsGrid .DetailRow h4.BrandName a, .YourAccount h4 a, .CartCode h3, h5, .fastCartBottom h4{
    font-size: 22px;
    line-height: 24px;
}
/***========================================================== 
    2 - Header
==========================================================***/
.header-right {
    max-width: 200px;
}

.header-right .search-container .searchbox #SearchForm {
    width:475px !important;
}
.search-container #SearchForm input.Textbox {
    width: 426px!important;
}

/***========================================================== 
    3 - Home page
==========================================================***/
.banner-box .banner-content{ 
   width: 225px !important;
}
.bottom_banner{
   padding:5px 10px 0;
}

/***========================================================== 
    4 - Product Detail page
==========================================================***/
#ProductDetails .ImageCarouselBox .ProductTinyImageList {
    width: 94% !important;
}


/***========================================================== 
    5 - Cart page
==========================================================***/
.CartRemoveLink.icon-remove-sign {
    display: block;
}
.CouponCode #couponcode, .GiftCertificateCode #giftcertificatecode {
    width: 81% !important;
}
#CartContent .EstimateShipping dt {
    padding-bottom: 0;
}
#cartForm table.CartContents tbody tr.cartgiftitem td{
    padding:20px 0;
    font-size: 11px;
}

/***========================================================== 
    6 - Checkout page
==========================================================***/
.multiStep li h4 {
    font-size: 11px;
}
#NewBillingAddress .SelectBillingAddress .selector {
    width: 100% !important;
}
#sel_shipping_address {
    width: 100% !important;
}
/***========================================================== 
    7 - Footer
==========================================================***/
.backtoTop{
   top:-30px;
}
.footer-columns .column-list .CategoryList {
    margin:0 !important;
}
    
}
/***========================================================== End Media width:567px==========================================================***/


/* For this view 375 ipnoe 6 potrait*/
@media only screen and (max-width:479px) {

/***========================================================== 
    1 - Header
==========================================================***/
.header #Logo {
    max-width: 125px;
}
.header-right {
    max-width: 190px;
}    
.search-container {
    padding: 4px 0;
}
#Header .mobileMenuIcon {
    margin: 8px 0 0 !important;
}
.header-right .search-container .searchbox #SearchForm {
    width: 375px !important;
    top: 50px;
    right: -45px;
}
.search-container #SearchForm input.Textbox {
    width: 330px!important;
}

/***========================================================== 
    2 - Home page
==========================================================***/

.banner-box.rightside{
    margin:10px 0 0;
}
.banner-box.rightside .banner-img{
    width:100% !important;
}
.bottom_banner {
    padding: 10px 10px;
}
.banner-box .banner-content {
    padding: 5px 38px 0;
    width: 100% !important;
}
.banner-box .banner-img{
   width: 100% !important;
}
.banner-box.rightside .banner-content{
  margin-left:0 !important; 
}

/***========================================================== 
    3 - Category page
==========================================================***/
.SubCategoryListGrid ul{
   margin-left:-10px !important;
}
.SubCategoryListGrid ul li {
    margin: 0 0 10px 10px !important;
}
.CategoryPagination .PagingList a {
    padding: 0;
}
/***========================================================== 
    4 - Product Detail page
==========================================================***/
#ProductDetails .ImageCarouselBox .ProductTinyImageList {
    width: 82% !important;
}
.ProductList.List .productsbox{
    width:auto;
}
.catgridname {
    padding: 4px 0;
}

/***========================================================== 
    5 - Cart page
==========================================================***/
.EstimateShippingButtons > span {
    float: none;
    margin-top: 10px;
    display: block;
}
.CouponCode #couponcode, .GiftCertificateCode #giftcertificatecode {
    width: 76% !important;
}

/***========================================================== 
    6 - Checkout page
==========================================================***/
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
}
.multiStep li{
    display:block;
}
.multiStep li h4{
    margin:0;  
}
/***========================================================== 
    7 - Footer
==========================================================***/

.newsletter-subscription input.Textbox, .newsletter-subscription textarea, .newsletter-subscription input[type="text"] {
    width: 88% !important;
}
.SocialConnect{
    margin: 10px 0 20px !important;
}
.FormContainer dd .LittleNotePassword {
    padding: 0;
}

}
/***========================================================== End Media width:479px==========================================================***/

/* For this view 320 Iphone 4 potrait */
@media only screen and (max-width:374px) {

/***========================================================== 
    1 - General
==========================================================***/

.TitleHeading {
    font-size: 16px;
    line-height: 22px;
    padding: 3px 12px;
}
.btn, a.btn.alt {
    padding: 10px 16px !important;
}

/***========================================================== 
    2 - Header
==========================================================***/
.header-right {
    max-width: 130px;
}

#Header .mobileMenuIcon {
    margin: 5px 0 0 !important;
}
.header-right .search-container .searchbox #SearchForm {
    width: 310px !important;
    top: 50px;
    right: -45px;
}
.search-container #SearchForm input.Textbox {
    width: 270px!important;
}

/*.QuickSearch{
   max-width:200px !important;
   width:200px !important;
   overflow-y:scroll !important;
} */
.QuickSearchResultName{
  font-size:12px !important;
  line-height:14px !important;
}
.QuickSearchResult .QuickSearchResultImage{
   width:40px;
   height:40px;
}
.QuickSearchResult .QuickSearchResultImage img{
   width:100%;
}

.QuickSearch tbody tr{
   padding:0 5px;
}

/***========================================================== 
    3 - Product Detail page
==========================================================***/
#ProductDetails .ImageCarouselBox .ProductTinyImageList {
    width: 47% !important;
}

/***========================================================== 
    4 - Category page
==========================================================***/
.SubCategoryList li {
    width: 33%;
}

/***========================================================== 
    5 - Cart page
==========================================================***/
.CouponCode #couponcode, .GiftCertificateCode #giftcertificatecode{
    min-width: 175px;
    width: 70% !important;
}

/***========================================================== 
    6 - Checkout page
==========================================================***/
.ExpressCheckoutContent .a .Field200 {
    width: 100% !important;
}
input.Field250, .Field250 {
    width: 100%;
}
#CheckoutStepPaymentDetails input[type=submit] {
    margin: 0;
}
.CreateAccount h3, .AccountLogin h3, h3, h4, #WishListEditFrom h3, #WishListItems h3, #AccountOrder h3, .HorizontalFormContainer h3, .BlockContent.PageContent .BlogPostContent h3 a, .ProductDetailsGrid .DetailRow h4.BrandName a, .YourAccount h4 a, .CartCode h3, h5, .fastCartBottom h4 {
    font-size: 16px;
    line-height: 20px;
}
#LayoutColumn2 h2, #WishListEditFrom h3, #WishListItems h3, #AccountOrder h3, .PageContent h2 {
    font-size: 20px;
    line-height: 26px;   
}

/***========================================================== 
    7 - Footer
==========================================================***/
.newsletter-subscription input.Textbox, .newsletter-subscription textarea, .newsletter-subscription input[type="text"] {
    width: 86% !important;
}
/***========================================================== 
    8 - Account page
==========================================================***/
.NarrowFormContainer .selector, .NarrowFormContainer .Textbox {
    width: 100% !important;
}



}
/***========================================================== End Media width:374px==========================================================***/