﻿@media screen and (max-width:480px) { 

    .OuterWrapper {  }
    .InnerWrapper { }

    html {
    font-size:12px;
}
    /* FORMS */
    .Form .TextboxWrapper input[type=text],.Form .TextboxWrapper input[type=number], .Form .TextboxWrapper input[type=email], .Form .TextboxWrapper input[type=password], Form .TextboxWrapper textarea {  width:310px; font-size:16px; }
    .Form input[type=text],.Form input[type=number], .Form input[type=email], .Form input[type=password], .Form textarea { width:250px; font-size:16px; }
    .Form input[type=text].Short { width:60px;}
    .Form input[type=text].Large { width:240px; }
    .Form .TextboxWrapperIcon {  width:310px; }
    .Form .TextboxWrapperIcon input[type=text],.Form .TextboxWrapperIcon input[type=number], .Form .TextboxWrapperIcon input[type=email], .Form .TextboxWrapperIcon input[type=password] { width:270px; font-size:16px; line-height:20px; height:20px;  }
    
    .Form .Text { width:310px;   }
    .Form .Text.Short {width:60px; clear:left;}
    .Form .Text.Large {width:240px; }

    .Form .CheckboxWrapper label:before { margin-right: 7px;}

    /* HEADER */
    .FixedHeaderWrapper {  }
    .AfterFixedHeaderWrapper {margin-top:106px;}
    .InnerHeaderWrapper {  }
    .InnerHeaderWrapper .LogoWrapper { max-width:75px; margin-top:10px;  }
    .InnerHeaderWrapper .Logo img { }
    .InnerTopMenuWrapper .Pages { }

    .OuterCategoriesWrapper {  }
    .InnerCategoriesWrapper {   width:320px;  }

    .OuterHeaderContentWrapper {  }
    .InnerHeaderContentWrapper { width:320px; padding-top:0px;  }
    .InnerMainContentWrapper.SmallDevice {width:260px !important; margin:0px auto;}
    .ShopToolsWrapper { top:106px;}
    .InnerTopMenuWrapper .Shop { width:200px; left:-200px; }

    .InnerHeaderContentWrapper .SearchContent {  width:100%; top:0px; left:0px; margin-top:0px; }
    .ShopToolsWrapper .cbSearch input { line-height:20px; width:252px; }

    
    /* ANIMATE HEADER */
    .AnimateSmall .InnerHeaderContentWrapper .LogoWrapper { margin-bottom:5px; margin-top:5px;}
    .AnimateSmall .InnerHeaderContentWrapper .SearchContent {margin-top:0px;}
    .AnimateSmall .MobileIcons .Cart .Count { left:30px; margin-left:0px; }
    .AnimateSmall .ShopToolsWrapper { top:76px;}

    /* CONTENT */
    .OuterContentWrapper {    }
    .InnerContentWrapper {  width:320px;  }

    .OuterLeftWrapper {  width:0px;  }
    .InnerLeftWrapper {  padding:10px;   }

    .OuterMainContentWrapper {  width:320px;  }
    .InnerMainContentWrapper { padding:5px;  }

    /* MOBILE MENU */
    .MobileIcons .Cart .Count { left:30px;  }
    .InnerTopMenuWrapper {  width:200px; left:-200px; } /* LEFT MENU CONTENT */
    .InnerLeftWrapper { width:200px; } /* SUB CATEGORIES */
    .MobileCategoriesWrapper { left:-200px; width:200px;}
    .MobileCategories { width:200px; font-size:16px;}
    .OuterMobileMenuHeaderWrapper {left:-200px; width:200px; font-size:16px; }
    .InnerMobileMenuHeaderWrapper .MobileMenuHeader { font-size:16px; }
    .MobileCategories li span {font-size:14px;}
    .OuterMobileSubCategoriesWrapper {width:200px;}
    .InnerMobileSubCategoriesWrapper h5 {font-size:14px;}
    .InnerMobileSubCategoriesWrapper a {font-size:12px;}
    .InnerMobileSubCategoriesWrapper ul li .Extend { padding-left: 10px; padding-right: 10px; height: 46px; line-height: 46px; }



    /* GENERAL */
    h1 { font-size:18px; color:#34495e; margin-bottom:0px; padding-bottom:5px;  }
    h2 { font-size:16px; color:#34495e; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #34495e; }
    h3 { font-size:14px; color:#34495e; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #34495e; }
    p {font-size:12px; line-height:14px;  }
    a { font-size:12px; }    
    .Button { background:none; border:0px; margin-top:10px; padding:8px; padding-left:20px; padding-right:20px; text-align:center; box-sizing:border-box; text-transform:uppercase; font-size:16px; border-radius:5px; color:#fff; background-color:#34495e; cursor:pointer;  }

    .Home:before { }
    .CustomerRegister:before {   }
    .CustomerLogin:before { }

    .btnLogin { width:100%;}
    .ForgotPassword {width:100%;}

    /* ICONS */
    .Username:before { padding-top: 2px; padding-right:6px;}
    .Password:before { padding-top: 2px; padding-left:3px; padding-right:4px;}

    /*PRODUCTLIST PAGER*/
    .ProductPagerWrapper { }
    .ProductPagerWrapper .ddlProductCountPerPage { font-size:16px;  }
    .ProductPagerWrapper .GridView { padding-top:10px;}
    .ProductPagerWrapper .ListView { padding-top:10px;}

    /* PRODUCT LIST */
    .ProductListWrapper.ListView {  }
    .ProductListWrapper.ListView .ProductListItemWrapper  {  }
    .ProductListWrapper.ListView .ProductListItemContent .ImagePlaceholder { width:50% }    
    .ProductListWrapper.ListView .ProductListItemContent .ProductPlaceholder { width:50%; padding-top:20px; padding-right:10px;  }
    .ProductListWrapper.ListView .ProductListItemContent .PricePlaceholder { float:right;  width:50%; padding-right:5px; padding-bottom:4px;  }
    .ProductListWrapper.ListView .ProductListItemContent  .ImagePlaceholder a { padding-left:5px; max-width:100%; padding-top:10px; }
    .ProductListWrapper.ListView .ProductListItemContent  .Title { font-size:13px; margin-bottom:10px; }
    .ProductListWrapper.ListView .ProductListItemContent  .Description { font-size:11px; margin-bottom:0px; }/*tha*/
    .ProductListWrapper.ListView .ProductListItemContent  .Price {  float:left; margin-bottom:10px; font-size:12px; }
    .ProductListWrapper.ListView .ProductListItemContent  .AddToCart { clear:none; float:right; padding:8px; padding-left:20px; padding-right:20px; margin-top:-10px }
    
    /* PRODUCT GRID */
    .ProductListWrapper.GridView .ProductListItemContent  {   }

    .ProductListWrapper.GridView .ProductListItemContent  .Title { font-size:13px; margin-bottom:10px; }
    .ProductListWrapper.GridView .ProductListItemContent .AddToCart {    }



    .PagingBarWrapper .Pager { float:left; padding:5px; padding-left:8px; padding-right:8px;  border:1px solid #ddd; margin-right:3px; cursor:pointer }
    .PagingBarWrapper .PagerMulti { float:left; padding:5px; padding-left:5px; padding-right:5px; border:1px solid #ddd; text-transform:uppercase;  }
    .PagingBarWrapper .PagerNext { float:left; padding:5px; padding-left:8px; padding-right:8px; border:1px solid #ddd; text-transform:uppercase;margin-left:3px; cursor:pointer; margin-left:1px;   }
    .PagingBarWrapper .PagerNext:before {content:''; }



    /* PRODUCT VIEW */    
    .ProductWrapper .ProductItem .ImagePlaceholder {  }
    .ProductWrapper .ProductItem .ProductPlaceholder {  }
    .ProductWrapper .ProductItem .OrderPlaceholder {   }
    .ProductWrapper .ProductItem select { font-size:16px; }
    .ProductWrapper .ProductItem input.Amount { font-size:16px;}

    /* ADD TO CART POPUP */
    .AddToCartPopup {  font-size:10px; line-height:16px; width:100%; padding-top:2px; padding-bottom:2px;  }
    .ProductListWrapper.GridView .ProductListItemContent .AddToCartPopup { }
    .ProductListWrapper.ListView .ProductListItemContent .AddToCartPopup { right:0px; width:auto; top:20px; }

    .AddToCartPopup.SUCCESS:before { margin-top:0px; }
    .AddToCartPopup.ERROR:before {margin-top:0px; }
    .AddToCartPopup.INFO:before { margin-top:0px; }
    .AddToCartPopup.WARNING:before { margin-top:0px; }

    /* TABS */
    .TabNavWrapper { margin-top: 10px;}
        .TabNavWrapper ul { }
            .TabNavWrapper ul li { padding-left: 5px; padding-right: 5px; }
                .TabNavWrapper ul li span {padding-left: 5px; padding-right: 5px;  }

    /* CART */
    .CartNavWrapper .CartStep { width:100%; padding:0px; padding-left:20px; font-size:12px; height:41px; border:0; border-bottom:1px solid #ddd; }
    .CartNavWrapper .CartStep:before { padding-right:10px; }
    .CartNavWrapper .CartStep.CartStepSelected { width:100%; padding-left:20px;}
    .CartNavWrapper .CartStep.Done { padding-left:20px;}
    .CartNavWrapper .CartStep:last-child { border-bottom:0px solid #ddd; }
    
    .CartActionWrapper {width:100%; clear:both;}
    .CartActionWrapper .Button {width:100%;}

    /* LOGIN */
    .OuterLoginWrapper {}
    .InnerLoginWrapper {  }
    .LoginBox {width:100%; padding:0px; margin-bottom:20px; }

    /* SHOPPING LIST - MY PAGE */
    .FormOneLine input[type=text] {width:100%;}
    .FormOneLine input.Button {width:100%;}
    .FormOneLine select.ddlMinehandlelister {width:100%;}
    .Form.SelectedList input[type=text] {width:100%;}
    .Form.SelectedList textarea {width:100%;}
    
    .Form.SelectedList .ActionButtons input {width:100%;}

        /* CUSTOMADDTOCARTPOPUP */
.CustomAddToCartPopupOuterWrapper { }
.CustomAddToCartPopupInnerWrapper { min-width: 160px;  max-width: 220px; }


    /* FOOTER */
    .OuterFooterWrapper {   }
    .InnerFooterWrapper {  width:320px; }
}