﻿/***  Responsive Css Starts Here  ***/

@media all and (max-width: 1000px) {
    .scrollToTop{width: 33px; height: 30px; position: fixed; bottom: 15px; right: 15px; display: none;  background: url(../images/arrow_up.png) no-repeat 0px 0;}
    .scrollToTop:hover{text-decoration:none;}
}
@media all and (max-width: 767px) {

    /*** For All inputs Css ***/
    .inputs{text-align:left;}
    .inputs label{text-align:left;width:100%;}
    .inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea{width:98%;}
    .date-of-birth select{width:31%;max-width:100%;}
    .gender{display:block;text-align:left;}

    /*** Checkout Flow css **/
    .payment-info-page .payment-info table{text-align:left;}
    .payment-info-page .payment-info .info td{width:100%;max-width:100% !important;display:block;}
    .payment-info-page .payment-info .info td input[type="text"]{width:100% !important;}
    .payment-info-page .payment-info .info td select{width:47%;}
    .payment-info-page .dropdownlists {width: 100% !important;}
}
@media all and (max-width: 768px) {
    .item-box {margin-bottom:10px;}
	.item-box .picture a::before{padding-top:50%;}
    .category-grid .item-box .picture a::before{padding-top:20%;}
    .category-option2 .picture{ margin: 0 0 5px;}
    .category-option2 .item-box{margin:0 0 5px;padding: 5px;}
    .category-option2 .item-box .title{min-height:auto;}
    .center-2, .side-2{margin:0 0 20px;}
    
    
    /*** My Account pages css**/
    .login-page .new-wrapper {margin: 0 0 30px;}
    
}

@media all and (min-width: 481px) {
    .home-page-category-grid .item-box, .sub-category-grid .item-box {margin: 0 0.5% 10px;}

    /*** Common grid css****/
    .item-box {margin:0 0.5% 15px;}
    .item-box .details{min-height:170px;position:relative;padding:0 10px 100px;}
    .item-box .details .add-info{position:absolute;bottom:0px;left:10px;right:10px;}

    /*.home-page-category-grid .item-box{margin:0 0.5% 10px;}*/
    .home-page .product-grid .item-box, .product-details-page .product-grid .item-box, .shopping-cart-page .product-grid .item-box{margin: 0 0.5% 30px;}

    .product-list .item-box .details{padding:0 10px 100px;}
    .product-list .item-box .details .add-info{bottom:10px;}

    /*** Bestsellers Css ***/
    .product-grid.bestsellers .item-box {margin:0 0.5% 50px;}
    .product-grid.bestsellers .item-box .details{min-height:170px;position:relative;}
    .product-grid.bestsellers .item-box .details .add-info{position:absolute;bottom:0;left:10px;right:10px;}

    .cart tr {margin: 10px 2% 20px;}
    
    .manufacturer-list-page .manufacturer-grid .item-box {margin: 0 0.5% 10px;}
}

@media all and (min-width: 768px) {

    /***header-upper Css Starts Here***/
    .header .header-upper{width: 100%;margin:0 auto;}
    .header .header-lower{width: 95%;margin:0 auto;display:table;padding:10px 0;}
    /***header-lower Css Starts Here***/
    
    .header-upper .header-links-wrapper{padding:0;}
    .header-links span, .header-links a{line-height:30px;}

    .header .header-lower .header-logo{display:table-cell; text-align:left;vertical-align:middle;width:25%;}
    .header-logo a{display:block;}
    .header-lower-right{width:75%;display:table-cell;vertical-align:middle;}
    .header .header-lower .search-box{float:left; text-align:right;vertical-align:middle;width:100%;}
    .header .header-lower .header-contactus-block{float:left; text-align:right;vertical-align:middle;width:100%;}

    /*** Side Bar Css Starts Here ***/
    /*.side-2{float:left;width:25%;}
    .center-2{float:right;width:73%;}*/
    .home-page .theme-custom{max-width:100%;}
    .block{max-width:100%;}

    .theme-custom .nivo-controlNav {text-align:right !important;display:none;}
    .theme-custom .nivo-controlNav a.active{background-color:#031623 !important;}

    .center-1 .page{padding:20px 15px 10px;}
    

    .product-list .item-box{margin:0 0.5% 10px;}

    /*** account-page css***/
    .account-page .fieldset, .account-page .section{margin: 0 0 20px;position: relative;}
    .account-page .fieldset .form-fields{padding:30px 15px 20px;}
    .account-page {padding:20px 15px 10px;}
    .account-page .buttons{margin:0 0 10px;}
    .address-list-page .add-button{margin:0 0 10px;}
    .account-page .product-review-item .review-content{padding:20px 10px;}
    .address-edit-page .edit-address{padding:30px 15px;margin:0 0 30px;}
    .account-page .page-title, .account-page .fieldset .title{text-align:left;}
    .center-2 .account-page .inputs label{width: 136px; display: inline-block;text-align: right;margin: 0 10px 0 0;}
    .account-page .inputs {text-align: left;}
    .account-page .gender {display: inline-block;}
    .account-page .inputs input[type="text"], .account-page .inputs input[type="password"], .account-page .inputs select, .account-page .inputs textarea{width: 400px;}

    .return-request-page{padding:20px 15px 10px;}
    .return-request-page .page-title, .return-request-page .fieldset .title{text-align:left;}
    .center-1 .return-request-page .inputs label{width: 136px; display: inline-block;text-align: right;margin: 0 10px 0 0;}
    .return-request-page .inputs {text-align: left;}
    .return-request-page .gender {display: inline-block;}
    .return-request-page .inputs input[type="text"], .return-request-page .inputs input[type="password"], .return-request-page .inputs select, .return-request-page .inputs textarea{width: 400px;}
    .return-request-page .title{text-align:left;}

    .contact-page .form-fields{padding:30px 15px 20px;}
    .contact-page{padding:20px 15px 10px;}
    .contact-page .page-title, .contact-page .fieldset .title{text-align:left;}
    .center-1 .contact-page .inputs label{width: 136px; display: inline-block;text-align: right;margin: 0 10px 0 0;}
    .contact-page .inputs {text-align: left;}
    .contact-page .inputs input[type="text"], .contact-page .inputs textarea{width: 400px;}
    .contact-page .title{text-align:left;}

    .product-reviews-page{padding:20px 15px 10px;}
    .product-reviews-page .page-title, .product-reviews-page .fieldset .title{text-align:left;}
    .center-1 .product-reviews-page .inputs label{width: 136px; display: inline-block;text-align: right;margin: 0 10px 0 0;}
    .product-reviews-page .inputs {text-align: left;}
    .product-reviews-page .inputs input[type="text"], .product-reviews-page .inputs textarea{width: 400px;}
    .product-reviews-page .title{text-align:left;}

    .order-details-page{padding:20px 15px 10px;}
    .order-details-page .page-title h1, .order-details-page .fieldset .title{text-align:left;}
    /*.order-details-page .order-overview{ margin: 0 0 50px;}*/
    .order-review-data > div, .order-details-area > div, .shipment-details-area > div{margin:0 auto 40px;}
    .order-details-page .data-table tr{margin:40px 0 0;}
    .order-details-page .section.products .title{margin:0 0 15px;}

    .login-page {padding:20px 15px 10px;}

    .registration-page{padding:20px 15px 10px;}
    .registration-page .page-title, .registration-page .fieldset .title{text-align:left;}
    .registration-page .inputs label{width: 136px; display: inline-block;text-align: right;margin: 0 10px 0 0;}
    .registration-page .inputs {text-align: left;}
    .registration-page .inputs input[type="text"], .registration-page .inputs textarea{width: 400px;}
    .registration-page .title{text-align:left;}

    .wishlist-page {padding:20px 15px 10px;}

    .email-a-friend-page{padding:20px 15px 10px;}
    .email-a-friend-page .form-fields{padding: 30px 15px 20px;}
    .email-a-friend-page .inputs label{width: 136px; display: inline-block;text-align: right;margin: 0 10px 0 0;}
    .email-a-friend-page .inputs {text-align: left;}
    .email-a-friend-page .inputs input[type="text"], .email-a-friend-page .inputs textarea{width: 400px;}

    .search-page .page-title{text-align:left;}
    .search-page{background-color:#fff;padding:20px 15px 10px;}
    .search-page .inputs label{width: 136px; display: inline-block;text-align: right;margin: 0 10px 0 0;}
    .search-page .inputs {text-align: left;}
    .search-page .inputs input[type="text"], .account-page .inputs select{width: 400px;}
    .advanced-search .price-range{margin-left:0;}
    
    .search-page .inputs.reversed{text-align:left;padding-left:150px;}
    .search-page .inputs.reversed label{width:auto;margin:0 0 0 10px;}
    
    .sitemap-page{padding:20px 15px 10px;}
    .sitemap-page .entity .entity-body ul li{width:33.3%;}

    /*** Cart Page Css Starts Here ***/
    .cart-footer .cart-collaterals {float: left;margin: 0 2.5%;width: 45%;}
    .cart-footer .totals {float: right;margin: 0 2.5%;width: 45%;}
    .cart-footer .cart-collaterals div, .cart-footer .cart-collaterals label {text-align: left;}
    .cart tr {margin: 40px 1% 0;}
    .shopping-cart-page .common-buttons{ margin: 0 0 30px;}
    
    /**** checkout-page *****/
    
    .checkout-page .inputs label{width: 136px; display: inline-block;text-align: right;margin: 0 10px 0 0;}
    .checkout-page .inputs {text-align: left;}
    .checkout-page .inputs input[type="text"], ..checkout-page .inputs textarea{width: 400px;}
    .checkout-page .title{text-align:left;}

    .checkout-page .address-item {float: left;margin: 0 1% 20px;width: 48%;}
    .checkout-page .address-item .address-box{min-height:275px;}
    .checkout-page .address-grid{overflow:hidden;}

    .order-progress li{margin:0 10px;}

    .payment-method-page .payment-method ul.method-list li{width:210px;}
    .payment-method-page .payment-method ul.method-list li:first-child{margin: 10px 10px 10px 0;}
    .payment-method-page .payment-method ul.method-list li:last-child{margin: 10px 0 10px 10px;}

     .shipping-method .method-list li{width:31%;}
     .shipping-method .method-list li:first-child{margin: 10px 10px 10px 0;}
     .shipping-method .method-list li:last-child{margin: 10px 0 10px 10px;}

    .checkout-data .payment-info .info td:only-child {width: 100% !important;max-width: 100% !important;}
    .payment-info .info td:first-child {margin: 0 0 10px;width:150px !important; text-align:right;padding:0 10px 0 0; }
    .payment-info .info td{text-align:left;}

    .order-review-data{overflow:hidden;}
    .order-review-data > div, .order-details-area > div, .shipment-details-area > div {float: left;margin: 0 1% 40px;width: 48%;}

    .checkout-page .section.order-summary{margin-bottom:30px;}

    /****product-details-page Css Starts Here*****/
    .product-details-page .title{text-align:left;}
    .gallery {float: left;width: 40%;margin:0 0 10px;border-right:1px solid #ddd;}
    .gallery .picture{max-width:90%;}
    .overview {float: right;width: 58%;text-align:left;padding:10px 0 0 20px;}
    .product-specs-box td, .product-tags-list {text-align:left;}

    .product-collateral {margin: 0 0 30px;}
    .product-variant-line{margin:0 0 10px;}
    .product-variant-line .variant-picture {float: left;margin: 0 auto 0;overflow: hidden;position: relative;width: 220px;height:160px;}
    .product-variant-line .variant-overview{text-align:left;}
    .variant-picture + .variant-overview {margin: 0 0 0 220px;width: auto;text-align:left;min-height:160px;}
    
    .product-collateral.grouped-prodect-collateral {padding:10px 5px 5px;}
    .product-variant-line .variant-overview-block{display:table;width:100%;} 
    .product-variant-line .variant-overview .variant-overview-alldetails{display:table-cell;width:50%;vertical-align:top;}
    .product-variant-line .variant-overview .variant-overview-allbuttons{display:table-cell;width:50%;text-align:right;vertical-align:top;}
    .product-variant-line .variant-overview .variant-overview-allbuttons .add-to-cart{display:inline-block;vertical-align:middle;margin:0 5px;}
    .product-variant-line .variant-overview .variant-overview-allbuttons .add-to-wishlist{display:inline-block;vertical-align:middle;margin:0 0 3px;}
    
    /***page requestquote-page****/
    .requestquote-page .fieldset, .requestquote-page .section{margin: 0 0 40px;position: relative;}
    .requestquote-page .form-fields{padding:30px 15px 20px;}
    .requestquote-page .topic-block-title{text-align:left;}
    .requestquote-page .topic-block-body{padding:0 10px;}
    .requestquote-page .form-fields-full-wapper{width:100%;display:block;text-align:left;}
    .requestquote-page .form-fields-half-wapper{width:100%;display:table;text-align:left;margin:0 -15px;}
    .requestquote-page .form-fields-half-block{width:50%;display:table-cell;vertical-align:top;padding:0 15px;}
    .requestquote-page .inputs{text-align:left;}
    .requestquote-page .inputs label{text-align:left;width:100%;display:block;margin:0 0 10px;}
    .requestquote-page .inputs input[type="text"], .requestquote-page .inputs input[type="email"], .requestquote-page .inputs input[type="password"], .requestquote-page .inputs input[type="number"]{width:99%;display:inline-block;}
    .requestquote-page .form-fields-full-wapper .inputs textarea{width:100%;display:block;}
    .requestquote-page buttons{ margin: 0 0 30px;}
    /***** Option 2 css ***/
    .blog-page .post{padding:10px 20px 20px;text-align:left;}

    /*** Blog post css ***/
    .blogpost-page {padding:20px;text-align:left;}
    /*** Blog Common Css ***/
    .blog-page .page-title{padding:20px;}

}


/**** THIS MEDIA ONLY FOR FOOTER ****/
@media all and (min-width: 769px) {
    .footer-block .title{color:#9fc2da;background-color:inherit;}
    .footer-block .list a{color:#fff;}
    .footer-block .title{font-size:20px;}
    .follow-us .social{display: inline-block;text-align: left;width: 45%;}
    .footer-block .newsletter {display: inline-block;text-align: left;vertical-align: middle;width: 48%;}
        
    /*** Home Page category-grid bestsellers ****/
    .home-page .home-page-category-grid .item-box:nth-child(3n+1), .sub-category-grid .item-box:nth-child(3n+1){clear:none;}
    .home-page .home-page-category-grid .item-box:nth-child(4n+1), .sub-category-grid .item-box:nth-child(4n+1){clear:both;}
    .home-page .home-page-category-grid .item-box, .sub-category-grid .item-box{ margin: 0 0.5% 10px;width: 24%;}

    .manufacturer-grid .item-box:nth-child(3n+1){clear:none;}
    .manufacturer-grid .item-box:nth-child(4n+1){clear:both;}
    .manufacturer-grid .item-box{margin: 0 0.5% 10px;width: 24%;}

    /********************************************************
     home-page-category-grid & sub-category-grid old css
    ********************************************************/
    .home-page-category-grid .item-box, .sub-category-grid .item-box {padding:10px;}
    .home-page-category-grid .picture a::before, .sub-category-grid .picture a::before{padding-top:50%;}
    .home-page-category-grid .item-box .title, .sub-category-grid .item-box .title{min-height:40px;}


    /********************************************************
     home-page-category-grid & sub-category-grid option-2 css
    ********************************************************/
    .category-option2 .item-box {padding:0px;}
    .category-option2 .picture a::before{padding-top:35%;}
    .category-option2 .item-box .title{min-height:30px;}

    /*** product-list  css for all grids****/
    .product-list {background-color:#fff;padding:10px;}
    .product-list .item-box{box-shadow:inherit;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #ddd; margin:0 0 10px 0;padding:5px 5px 10px;}
    .product-list .item-box:last-child{margin:0;border:none;}
    .product-list .item-box .picture{margin:0; width: 130px;}
    .product-list .item-box .picture a::before{padding-top:70%;}
    .product-list .item-box .picture + .details{margin:0 0 0 150px;}
    .product-list .item-box .details{padding:0 250px 0 0;min-height:inherit;}
    .product-list .item-box .details .add-info{top:5px;right:0;left:inherit;}
    .product-list .item-box .product-title{padding: 5px 0;}
    .product-list .item-box .prices{text-align:right;}
    
    /*.manufacturer-list-page .manufacturer-grid .item-box{padding:10px;}*/
    .manufacturer-list-page .manufacturer-grid .manufacturer-item .title{min-height:30px;}
    
}


@media all and (min-width: 1001px) {
    /***header Css Starts Here***/
    .header .header-lower{width: 980px;}
    .header .header-upper .header-upper-container{width: 980px;margin:0 auto;}
    /**min-cart block**/
    .flyout-cart{top:31px;}

    /***header-menu Css Starts Here***/
    .header-menu {
        width: 100%;
        background: rgb(7,41,63); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(7,41,63,1) 0%, rgba(6,36,56,1) 32%, rgba(5,28,45,1) 69%, rgba(3,22,36,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(7,41,63,1) 0%,rgba(6,36,56,1) 32%,rgba(5,28,45,1) 69%,rgba(3,22,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(7,41,63,1) 0%,rgba(6,36,56,1) 32%,rgba(5,28,45,1) 69%,rgba(3,22,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07293f', endColorstr='#031624',GradientType=0 ); /* IE6-9 */
        padding: 10px 0;
    }
    .header-menu ul.top-menu li{padding:5px 0;border:none;}
    .header-menu ul.top-menu li a{padding:0 30px;border-left:1px solid #134769;}
    .header-menu ul.top-menu li:first-child a, .header-menu ul.top-menu li:first-child span{border-left:none;}
    .header-menu > ul > li > a, .header-menu > ul > li > span{font-size:14px;line-height:normal;color:#fff;}
     .header-menu > ul > li > a:hover, .header-menu > ul > li > span:hover{color:#0088cc;}
    
    .header .header-lower .header-logo{display:table-cell; text-align:left;vertical-align:middle;width:20%;}
    .header-lower-right{width:80%;display:table-cell;vertical-align:middle;}
    .header .header-lower .search-box{width:75%;text-align:center;}
    .header .header-lower .header-contactus-block{width:25%;}
    .header-lower .header-contactus-block p{display:block;margin:0 0 10px;}
    .header-lower .header-contactus-block p:last-child{margin-bottom:0;}

    /***header-upper Css Starts Here***/
    #topcartlink {display: inline-block;margin: 0;padding: 0 18px;width: auto;}
    .header-links a .cart-label{display:inline-block;}
    

    /***Footer Css Starts Here***/
    .follow-us .social{display: block;text-align: left;width: 100%;}
    .footer-block .newsletter {display:block;text-align: left;vertical-align: middle;width: 100%;}
    .footer-block.follow-us .social ul{ margin: 0 0 30px;}

    .gallery {float: left;width: 46%;}
    .overview {float: right;width: 52%;text-align:left;padding:10px 0 0;}
    

    /*** Home Page product-grid bestsellers ****/
    /*.home-page .product-grid .item-box:nth-child(3n+1){clear:both;}
    .home-page .product-grid .item-box{ margin: 0 0.5% 50px;width: 32.3333%;}*/

    .home-page-top-topic-block .topic-block .topic-block-title h2{font-size:12px;line-height:20px; font-weight:bold}
    .product-grid .title{font-size:30px;line-height:32px;}
    
    .center-1 .return-request-page .inputs label{width:265px;}
    .center-1 .product-reviews-page .inputs label{width: 265px;}
    .registration-page .inputs label{width: 265px;}
    .email-a-friend-page .inputs label{width: 265px;}
    .checkout-page .inputs label{width: 265px;}

    .enter-address .edit-address{padding:30px 15px 20px;}
    .checkout-data .buttons{margin: 0 0 20px;}
    .checkout-page .section.order-summary{margin:30px 0 0;}
    .payment-info-page .payment-info .info{padding:10px 15px;}

    .address-list-page .section{width:45%;display: inline-block;margin: 20px 1% 10px;}
    .address-list-page .section {width:47%;}
    .address-list-page .section .title{padding:0 120px 0 10px;}
    .address-list-page .buttons{top:1px;}
    
    .sitemap-page .entity .entity-body ul li{width:25%;}
    .cart tr {margin: 0;}
    .checkout-page .address-item {width: 31.3333%;}
    .payment-info .info td:first-child {text-align: right;width: 265px !important;}
    
    /**contact-page**/
    .contact-page .page-title{margin:0 0 30px;}
    .center-1 .contact-page .inputs label{width: 120px;}
    .contact-page .inputs input[type="text"], .contact-page .inputs textarea{width: 300px;}
    .contact-page .contact-page-topic {float: left;width: 48%;}
    .contact-page .contact-page-form {float: right;width: 50%;}
    .contact-page .contact-page-form .form-fields, .contact-page .contact-page-topic{border:none;}
    
    /*** 4coloumn product-grid common for all grids ***/
    .product-grid .item-box:nth-child(3n+1){clear:none;}
    .product-grid .item-box:nth-child(4n+1){clear:both;}
    .product-grid .item-box{width: 24%;}

    /***Login page css***/
    .login-page .customer-blocks {margin:0 0 15px;}
    .login-page .customer-blocks .buttons{margin:0 0 10px;}
}

@media all and (min-width: 1367px) {
    .header .header-lower{width: 1200px;}
    .header .header-upper .header-upper-container{width: 1200px;margin:0 auto;}
    .header .header-lower .search-box{width:77%;text-align:center;}
    .header .header-lower .header-contactus-block{width:23%;}
    /*** account-page css***/
    .center-2 .account-page .inputs label{width: 213px;}
    .account-page .inputs input[type="text"], .account-page .inputs input[type="password"], .account-page .inputs select, .account-page .inputs textarea{width: 400px;}
    
    .center-1 .return-request-page .inputs label{width:375px;}
    .return-request-page .inputs input[type="text"], .return-request-page .inputs input[type="password"], .return-request-page .inputs select, .return-request-page .inputs textarea{width: 400px;}
    .center-1 .product-reviews-page .inputs label{width: 375px;}
    
   /**registration-page**/
    .registration-page .inputs label{width: 375px;}
    
    /**email-a-friend-page**/
    .email-a-friend-page .inputs label{width: 375px;}
    
    /**search-page**/
    .search-page .inputs label{width: 213px;}
    .search-page .inputs.reversed{text-align:left;padding-left:225px;}

    /**cart**/
    .cart-footer .cart-collaterals {margin: 0;width: 760px;}
    .cart-footer .totals {margin: 0;width: 395px;}

    /**checkout-page**/
    .checkout-page .inputs label{width: 375px;}
    .payment-info .info td:first-child {width: 375px !important;}
}
