/* styles only for mobile */ @media screen and (max-width: 768px) { .btn{ font-size: 13px; } .hs-price-font{ font-size: 21px; line-height: 23px;} .btn-primary-outline, .btn-primary-outline-black{ font-size: 12px !important ; padding: 5px 14px !important; } .hs-header-bg-txt{ font-size: 13px; line-height: 13px; } .hs-header-bg-sec{ margin: 60px 0 40px; } .hs-login, .hs-new-pword{ padding-top: 60px; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; } .hs-forgot-pw, .hs-not-memb{ font-size: 13px; } .hs-btn-rounded{ margin-top: 20px; } .form-group input[type=email], .form-group input[type=number], .form-group input[type=password], .form-group input[type=tel], .form-group input[type=text] { font-size: 13px; } .form-group label { font-size: 13px; } .form-group input[type=email]:focus:not([readonly])+label, .form-group input[type=number]:focus:not([readonly])+label, .form-group input[type=password]:focus:not([readonly])+label, .form-group input[type=tel]:focus:not([readonly])+label, .form-group input[type=text]:focus:not([readonly])+label{ font-size: 13px; } .hills-category-nav{ padding-left:0px; padding-right:0px; } .hs-promo-block { width: 240px; } .hs-promo-margin { margin: 0px; } .hs-promo-banner { padding: 50px 0 50px; } .hs-title-five{ font-size:20px; line-height:22px; } .hs-title-three { font-size: 32px; line-height: 34px; } .fp-pre-prod-desc{ width: auto; } .fp-product-img{ width:165px; padding:10px; margin:0 auto; } .hs-cate-sec{ padding: 10px 20px 5px; flex-basis: 100%; } .hs-category-txt { padding-top:0px; padding-bottom:0px; } .hs-category-txt{ width: 75%; text-align: left; } .hills-mob-category-nav{ display: flex; flex-wrap: wrap; background: #b5c1c3; /* Old browsers */ background: -moz-linear-gradient(top, #b5c1c3 0%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b5c1c3 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b5c1c3 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c1c3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } .hs-cate-sec:first-child { border-left: none; } .hs-cate-sec{ border-right: none; } .hs-banner-top{ top:0px; } .hs-banner-top .btn{ font-size: 12px; padding: 8px 15px; } #myCarousel .carousel-inner .item{ height: 104px; } #myCarousel .carousel-inner > .item > img{ width: 100%; height: auto; } #searchbox .twitter-typeahead { width: 90%;} .navbar-toggle {padding: 0px; margin: 25px 30px 0px 20px;} ul.hs-hamburger-utility a { color: #3b3b3b; } .hs-login form img{ width: 100%; } .hs-password-link .hs-new-pw-txt{ padding-left: 0px; } .hs-password-link .hs-new-pw-txt.hs-new-email-note{ padding-left: 5px; } .hs-password-link .hs-passlink-btn a:nth-child(1), .hs-password-link .hs-passlink-btn a:nth-child(2), .hs-pass-success .hs-passlink-btn a{ width: 95%; margin-right: 10px; margin-left: 10px; margin-bottom: 20px; } .hs-new-pword{ padding: 20px 15px; } footer .li-title{ font-size: 13px; } #sign-in-btn a{ font-size: 12px; } } @media screen and (max-width: 767px) { .hs-header-bg-txt.search_contain { top: 105px !important; } .hs-mob-mt0{margin-top:0px;} .hs-header-bg-txt{padding-bottom: 5px !important;} .hs-banner-top{ top:0px; padding-top: 0;padding-bottom: 0; margin-top:0px !important;} } @media screen and (min-width:768px) and (max-width:1024px){ #hs-pro-list .hs-pro-detail { /* height: 205px; */ min-height: 360px; } #hs-pro-list .hs-pro-inquire{ padding: 0px; } .otherDiv{ margin-bottom: 20px; } .chkBxDiv { width: 140px; } .chkBxWrap { padding-left: 60px; } .warningPopUp .modal-content{ width: 615px; } #fed-pd-container .hs-fp-link, #fea_productViewAll .hs-fp-link{ padding: 0px;} #fed-pd-container .hs-fp-link ul li, #fea_productViewAll .hs-fp-link ul li{padding: 0px 5px;} .tabPad5{ padding:0px 5px; } #hs-item-actions{ text-align: center; } .prod_detail_button{ display: inline-block; width: 100%; text-align: center; padding-bottom: 15px; } .cmpPrdBtns .prod_detail_button{ display: inline; } .hs-role-modal .modal-content, .hs-role-modal .modal-dialog{ width: 700px; } .hs-role-modal .modal-content h3{ margin: 0 0 20px 0; font-size: 25px; } .hs-role-modal .modal-dialog { top: 5%; } .hs-role-modal .table > tbody > tr > th{ font-size: 14px; padding: 5px 10px; } .hs-role-modal .table > tbody > tr > td { padding: 5px 10px; font-size: 13px; } .hs-deals-prelogin{ padding: 65px 0px 0px 0px; } .hs-pre-deals-title { font-size: 40px; line-height: 48px; padding-bottom:30px; } .hs-bottom-fix{ width:92%; } .priceTxt{margin-bottom: 5px;} .exGstTxt{ margin-bottom: 5px; font-size: 20px; } #hs-detail-price-info .incGstTxt { font-size: 16px; } #hs-detail-price-info .exGstTxt, #hs-detail-price-info .exGstTxt .currencyTxt { font: 20px GalanoGrotesqueAlt-Medium; } #hs-product-detail .priceTxt { font-size: 16px; margin-bottom: 10px; } #hs-detail-price-info .urPriceTxt, #hs-product-detail #hs-pro-list .priceTxt { font-size: 14px; } .smallFontLabel{font-size: 14px !important;} .hs-banner-top .hs-header-bg-h1{ font-size: 34px; padding-bottom: 8px; margin-top: 0px; } .hs-cate-sec:first-child { border-left: 1px solid #ffffff; } .hs-cate-sec{ flex-basis: 24%; border-right: 1px solid #ffffff;} .homeCat .hs-cate-sec {flex-basis: 18%;} .hs-category-icon{ margin: 0px auto; float:none; width: 49px; height: 49px; } .hs-category-txt{ text-align: center; width: 100%; } .hs-header-bg-h1{ font-size: 50px; line-height: 50px;} .hs-header-bg-txt{ font-size: 16px; line-height: 16px; } .hs-banner-top .btn { font-size: 13px; padding: 10px 25px; } #myCarousel .carousel-inner .item .hs-banner-top{ right: 10%;left: 10%; top: 0; padding-top: 0px;} #myCarousel .carousel-inner .item{ height: 213px; } .hs-business-block{padding: 25px 15px 5px;} .hs-category-txt{padding-bottom: 0px; padding-left: 0px;} .hs-cat-icon-size{font-size:50px !important;} .owl-stage .owl-item{width: 376.5px !important;} #fed-pd-container .owl-stage .owl-item{width: 250px !important;} .navbar-toggle{padding: 0px; margin: 25px 30px 0px 20px;} .hs-site-logo img{width: 100px; margin-top: 10px;} .navbar-toggle .icon-bar{width: 35px; height: 4px; border-radius: 4px; margin-top: 7px; } .hs-promo-block:hover:after{ width:245px; } .fp-img { width: 245px; } .hs-promo-banner h4 { padding-bottom: 0px; padding-top: 10px; } .hs-user-info li span.hs-divider-small{ margin-top:-41px !important; height: 20px;} div#myModal {position: absolute; top: -30px; left: 0;z-index: 2000;} .hs-search-modal .input-group-btn{left:-20px;} .hs-logged-in { width: 165px; padding: 16px 14px; } .hs-user-short-info a {padding:0px !important; color:#cbd4e0;} .hs-edit-proBtn .btn:first-child { margin-left: 195px; } button#cancelContact { margin-left: 185px; } .modal-footer .modal-btn .btn{ margin-left: 35px; } #myModalSales.modal, #myModalAcct.modal, #myAddressModal.modal{ top: 10%; } .location-txt{ width: 73%; } .hs-login form img{ width: 100%; } .hs-password-link .hs-pass-link-pad{ padding-left: 0px; text-align: center;} .hs-password-link .hs-passlink-btn a { float: none !important; } .hs-password-link .hs-passlink-btn a:nth-child(1), .hs-password-link .hs-passlink-btn a:nth-child(2), .hs-pass-success .hs-passlink-btn a{ width: 145px; } /* #hs-megamenu-accordion ul.font-grey a{ color:#808080; } */ .hs-custom-dropdown select:hover { color: #00a3df !important; } #hs-megamenu-accordion a.hs-l2-nav-category{ padding-left:40px !important; } #hs-megamenu-accordion a.hs-l3-nav-category{ padding-left: 50px !important; } li.menu-level-4 a{ padding-left:60px !important; } .hs-tab-logged-in{padding: 16.5px 15px;} .hs-mob-logged-in-margin { margin: 0px !important; } .hs-signin-block .hs-small-font{ font-size: 11px; } #carousel, #carousel image{ width:100%; } #custom-search-input .tt-dropdown-menu{ width: 700px; left: -12px !important; background: #fff; top: 59px !important; } #custom-search-input .tt-dropdown-menu > div{ padding:0px 10px; } div.post-login-popup{ top: 60px !important; left: 439px !important; z-index: 2000; } #thumbcarousel .item .thumb img{ min-width:95%; max-height:100%; margin: 0px;} #thumbcarousel .item .thumb{width: 44px; height: 44px;} .scrolled div.post-login-popup { top: 60px !important; } div.form-group.hs-pword { margin-bottom: 30px; } .hs-pr-item-card:first-child { margin-left: 0px; } #hsAddrRowData .addr-info{ width:48%; margin-left: 15px; margin-right: 0px; } #hsAddrRowData .addr-info:nth-child(odd) { margin-left: 0px; } #myModalAcct .hs-profile-select .custom-select-trigger#profile-select5:after, #myModalSales .hs-profile-select .custom-select-trigger#profile-select4:after{ left: 145px; } #productZoomModal #zoomcarousel .carousel-control{ top:50%; } } @media(min-width:768px) and (max-width:1024px) and (orientation:portrait){ .hs-profile-leftNav{ width: 31.3%; } .hs-profile-rightNav{ width: 68%;margin-left: .5%; } .common-banner .hs-header-bg-sec { padding-top: 0px; margin-top: 70px !important; } .carousel-inner .item img { min-width: auto;} #footer-sec1{ width: 43%; } #footer-sec2{ width: 22%; } #footer-sec2 .col-md-6:first-child + .col-md-6 ul{ margin: 10px 0 0 0; } #exclusive-deals .img { width: 65%; } #hs-prelogin-img .img{ width:100%; padding:0px; } .owl-carousel .owl-item img { width:auto; } .gps-icon{ width: 65px; height: 60px; } .location-search{ margin-top:30px; } #hs-megamenu-accordion ul.hs-hamburger-utility li.hs-region-selection a{ padding: 15px 0 15px 15px !important; } .hs-region-selection span:first-child{ float:left; /* margin:15px 0 15px 0;*/ position: relative; top: -23px; } .hs-custom-dropdown select{ padding-right: 3em; } div.login-popup{ top: 54px !important; left: 303px !important; z-index: 2000; } #myCarousel .carousel-inner > .item > img{ width: 100%; height: auto; } footer .li-title{ font-size: 15px; } footer ul{ font-size: 12px;} .hs-preview #thumbcarousel .carousel-inner{width: 82%; margin-left: 30px;} #thumbcarousel{ margin-top: 60px; width: 100%; margin: 0 auto; overflow: hidden; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ margin-left:0px; margin-right:-20px; } #thumbcarousel .carousel-control { left: 6%; top: 23%; } #thumbcarousel .carousel-control.right { left: 93%;} .hs-profile-select#hsProfileFulfillementModeDrpn .custom-select-wrapper, div.hs-profile-select#hsProfileSelectpickupLocation .custom-select-wrapper{ width: 94%; } .hs-profile-select#hsProfileFulfillementModeDrpn .custom-select-wrapper .custom-select-trigger:after, .hs-profile-select#hsProfileSelectpickupLocation .custom-select-wrapper .custom-select-trigger:after{ left: 180px; } #myProfileHeader #hs-edit-acct.container { padding: 0px 11px; } #myProfileHeader #profile-left-nav .container{ padding: 0px 26px; } #contact-div, #sales-contact-div, #acc-contact-div{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #contact-div .hs-editName, #sales-contact-div .hs-editName, #acc-contact-div .hs-editName{ -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #contact-div .hs-editEmail, #sales-contact-div .hs-editEmail, #acc-contact-div .hs-editEmail{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #contact-div .hs-editPhone, #sales-contact-div .hs-editPhone, #acc-contact-div .hs-editPhone{ -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } #contact-div .hs-editTitle, #sales-contact-div .hs-editTitle, #acc-contact-div .hs-editTitle{ -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; margin-top: 3px; } #contact-div .hs-positionsOthers, #sales-contact-div .hs-positionsOthers, #acc-contact-div .hs-positionsOthers{ -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; margin-top: 0px; } #contact-div .hs-dePassword{ -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; } #contact-div .hs-editPassword{ -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; } #contact-div .hs-editnewPassword{ -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; } #contact-div .hs-confirmPassword{ -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; } #contact-div .hs-editTitle .hs-profile-select .custom-select-trigger:after{ left: 197px; } #productZoomModal .modal-content { height: 590px; width: 600px; } #sales-contact-div .hs-profile-default .hs-ship-addr, #acc-contact-div .hs-profile-default .hs-ship-addr{ width: 100%; } #productZoomModal{ top:10% !important; } } @media(min-width:768px) and (max-width:1024px) and (orientation:landscape){ .hs-deals-prelogin { padding: 115px 0px 0px 0px; } #myCarousel .carousel-inner .item { height: 284px; } #myCarousel .carousel-inner > .item > img{ width: 100%; height: auto; } .common-banner .hs-header-bg-h1{ left: 9%; right: 9%; } .common-banner .hs-header-bg-sec { padding-top: 0px; margin-top: 70px !important; } .container { width: 1000px; } .carousel-inner .item img { min-width: auto;} #thumbcarousel .item .thumb img{ min-width:95%; } .hs-promo-margin { margin: 0px 15px; } .hs-cate-sec{ flex-basis: 24%; } .homeCat .hs-cate-sec{ flex-basis: 18%; } .hs-category-txt{ width: 68%; margin-left: 15px; text-align: left; margin-top: -10px; } .homeCat .hs-category-txt{ margin-left: 5px; } .owl-stage .owl-item { width: 334px !important;} .hs-promo-block:hover:after { width: 320px; } .fp-text { padding: 15px 15px 0 15px;} .fp-pre-prod-desc {width:auto;} .fp-img { width: 246px; } .hs-promo-banner h4 { padding-bottom: 0; padding-top: 25px;} #searchbox .twitter-typeahead { width: 675px; } .hs-category-icon{ float:left;} .hs-logged-in { width: 165px; padding: 16px 14px; } .hs-business-block { padding: 10px 15px 10px; } .homeCat .hs-business-block { padding: 10px 7px 10px; } div.login-popup{ top: 54px !important; left: 559px !important; z-index: 2000; } .hs-edit-proBtn .btn:first-child { margin-left: 90px; } div.post-login-popup{ top: 60px !important; left: 694px !important;} .hs-profile-select#hsProfileFulfillementModeDrpn .custom-select-wrapper, div.hs-profile-select#hsProfileSelectpickupLocation .custom-select-wrapper{ width: 80%; } #myProfileHeader #hs-edit-acct.container { padding: 0px 9px; } #myProfileHeader #profile-left-nav .container{ padding: 0px 22px; } .hs-profile-wish .hs-profile-header h4{ margin-left:0px; } #contact-div .hs-editTitle .hs-profile-select .custom-select-trigger:after{ left: 183px; } #hsAddrRowData .addr-info{ margin-left: 25px; } .icon-hs-delete.deleteAddrId { cursor: pointer; } #productZoomModal.modal.in .modal-dialog { -webkit-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } #productZoomModal .modal-content { height: 590px; width: 850px; } #hs-product-detail { margin: 71px 0 30px 0; } #myProfileHeader div.container.hs-edit-acct{ padding-left: 8px; padding-right: 8px; } #productZoomModal{ top:6% !important; } } @media only screen and (min-width: 320px){ .hs-hamburger-utility li a{ width:100%; border-bottom:1px solid #ffffff; font-family: 'galanoGrotesqueAlt-Regular'; display: block; font-size:12px; padding:15px 0 15px 15px; } .hs-region-selection .hs-custom-dropdown{ float:right !important; } .hs-region-selection .hs-custom-dropdown select{ color:#00a3df; } .hs-region-selection .hs-custom-dropdown::before{ } .hs-custom-dropdown select:hover{ color: #00a3df; } .hs-site-logo{ width:100px; } .hidden-in-tablet{ display:none; } .hidden-in-desktop{ display:block; } .navbar-toggle{ display: block; } .navbar-collapse.collapse{ display: none !important; } .navbar-collapse.collapse.in{ display: block !important; background: #fff; width:470px; position: absolute; top:-1px; overflow-x:scroll; overflow-y:hidden; } .hs-menu-bg{ background: transparent; box-shadow: none; } .navbar-static{ margin: 0; width: 100%; border-radius: 0; } .hs-top-menublock { top: 0px; } .navbar-default .navbar-toggle .icon-bar{ background: #fff; } .navbar-header{ width: 100%; background: rgba(0, 163, 223, 0.8); margin:0 !important; height:45px; } .navbar-static{ padding:0; } .hs-cate-sec { padding: 0px; } .hs-main-nav a{ color:#777; } .navbar-collapse.collapse.in ul{ width: 100%; } .hs-main-nav.navbar-nav > li, .hs-device-quick-nav li{ float:none; } .hs-hamburger-header{ background: #004987; width:100%; padding-left: 25px; height:45px; overflow: hidden; } .hs-hamburger-close{ color:#fff; margin-top:16px; } ul.hs-border li.dropdown a.dropdown-toggle{ color: #777 } .hs-divider-large{ display: none; } .hs-user-info li{ float:left; } .navbar-collapse.collapsing { -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: width 2s; display: none; } .hs-parent-panel.in .dropdown-menu { display:block; position:relative; } #hs-megamenu-accordion .panel-default{ margin-bottom:0; } #hs-megamenu-accordion .panel-default .panel-heading, .hs-parent-panel.collapse .dropdown-menu li{ background: none; border:none; border-bottom: 1px solid #e5e5e5; padding:0px; } #hs-megamenu-accordion .panel-collapse .panel-collapse .panel-collapse .panel-default ul li{ border-bottom: 1px solid #e5e5e5; } #hs-megamenu-accordion + .panel:first-child a{ color:#00a3df; } #hs-megamenu-accordion .panel{ border:none; } #hs-megamenu-accordion{ height:600px; overflow-y:scroll; background: #f2f2f2; overflow-x:hidden; } #hs-megamenu-accordion .hs-hamburger-bg { background:#ffffff; } #hs-megamenu-accordion .panel-collapse .panel-collapse .panel-heading a.hs-hamburger-view-all{ color:#00a3df; text-decoration:underline; } #hs-megamenu-accordion .panel-title{ display: inline-block; width: 80%; } .hs-top-menublock{ z-index:2000; } #hs-megamenu-accordion .panel-title{ display: inline-block; width: 100%; } #hs-megamenu-accordion .panel-title.hs-l2-nav-category-head{ width:75%; } #hs-megamenu-accordion .panel-title a{ width:100%; display: block; padding:15px; } #hs-megamenu-accordion h4.panel-title.level2Width { width: 75%; display: inline-block; } #hs-megamenu-accordion .panel-title a.hs-parent-category-nav{ font-family:"Value-Sans"; font-size:16px; position: relative; } #hs-megamenu-accordion .panel-title a.hs-l1-nav-category, .hs-parent-panel.collapse .dropdown-menu li a{ font-family:"Value-Sans"; font-size:14px; color:#3b3b3b; padding-left:30px; } #hs-megamenu-accordion .panel-title a.hs-l2-nav-category{ width:85%; font-family:"GalanoGrotesqueAlt-Medium"; font-size:12px; color:#3b3b3b; padding:10px 0 10px 45px; } #hs-megamenu-accordion .panel-collapse .panel-collapse .panel-heading a, #hs-megamenu-accordion .panel-collapse .panel-collapse .panel-collapse ul li a{ padding:10px 0 10px 60px; font-family:"GalanoGrotesqueAlt-Regular"; color:#3b3b3b; font-size:12px; } #hs-megamenu-accordion a.hs-l2-nav-category{ font-weight:normal; } #hs-megamenu-accordion a.hs-l2-nav-category[aria-expanded="true"]{ font-weight:bold; } .hs-hamburger-header .navbar-toggle i.icon-hs-close{ font-size: 16px; font-weight: normal; position: relative; top: 10px; } #hs-megamenu-accordion a.hs-l3-nav-category { padding-left: 50px !important; color: #646464 !important; } /* #hs-megamenu-accordion .panel-collapse .panel-collapse .panel-heading a.hs-l2-nav-category{ font-weight:bold; }*/ #hs-megamenu-accordion .panel-collapse .panel-collapse .panel-collapse ul li a{ padding:10px 0 10px 70px; display: inline-block; } #hs-megamenu-accordion a, #hs-megamenu-accordion a:hover, #hs-megamenu-accordion a:visited{ text-decoration: none; } .hs-top-menublock { top: 0px; } .hs-parent-category-nav,a.hs-parent-category-nav, .hs-parent-category-nav:visited, .hs-parent-category-nav:hover{ background: #00a3df; color:#ffffff; } .hs-parent-category-nav.collapsed i{ color: #646469; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .hs-parent-category-nav i{ float: right; position: relative; top: 3px; color: #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .hs-parent-category-nav.collapsed{ background: #ffffff; color:#00a3df; } .hs-parent-panel.collapse .dropdown-menu:first-child{ box-shadow: none; border:none; } ul.hs-user-info li a, ul.hs-user-info li.dropdown.hs-cart-container a, ul.hs-user-info li.dropdown a{ padding:7px 10px 4px 10px; } .navbar-header .hs-user-info{ margin:0; } .hs-user-info li span.hs-divider-small{ margin-top:-35px; } .hs-cart-count{ top:20px; } .navbar-toggle{ margin-top:7px; } .hs-login-drop.hidden-in-tablet{ display:none; } .hs-promo-banner h4 { padding-bottom: 45px;} #hs-megamenu-accordion ul.hs-hamburger-utility li.hs-region-selection a{ padding: 15px 0 15px 15px !important; } #hs-megamenu-accordion .hs-region-selection span:first-child{ float:left; /* margin:15px 0 15px 0;*/ position: relative; top: -23px; } #hs-product-accordion ul.nav-level-3 li{ border-bottom: 1px solid #e5e5e5; padding:2px 0px; } #hs-product-accordion ul.nav-level-3 li a{ padding-left:50px !important; } #hs-product-accordion ul.nav-level-4{ padding:2px 0px; } } @media only screen and (min-width: 375px) and (max-width: 667px) and (orientation:landscape){ .fp-pro-name-block{ margin-bottom: 25px; } .hs-promo-margin { margin: 0px; } } @media only screen and (min-width: 375px) and (max-width: 667px) and (orientation:portrait){ .hs-mob-p0{ padding:0px 15px; } .carousel-inner .item img { min-width: 100%; } #custom-search-input .tt-dropdown-menu{ width: 320px !important; } .hs-promo-margin { margin: 0px; } } @media only screen and (min-width: 667px) { } @media only screen and (min-width: 360px) and (max-width: 374px) and (orientation:portrait){ #custom-search-input .tt-dropdown-menu{ width: 320px !important; } } @media (min-width: 320px) and (max-width: 568px) and (orientation:landscape){ .fp-pro-name-block{ margin-bottom: 0px; } #myCarousel .carousel-inner .item { height: 157px !important; } } @media (min-width: 320px) and (max-width: 568px) and (orientation:portrait){ #custom-search-input .tt-dropdown-menu{ width: 275px; } #myCarousel .carousel-inner .item { height: 104px !important; } } @media only screen and (min-width: 360px) and (max-width: 374px) and (orientation:portrait){ #myCarousel .carousel-inner .item { height: 100px !important; } } @media (min-width: 320px) and (max-width: 374px) and (orientation:portrait){ #contact-div .hs-editTitle .hs-profile-select .custom-select-trigger:after{ left:87%; } } @media (min-width: 320px) and (max-width: 375px) and (orientation:portrait){ .hs-profile-rightPull{float: left !important;} #formcontactInfo .hs-profile-add p{ padding: 20px 15px 0px; } #formcontactInfo .hs-profile-add p:first-child{ display: flex; display: -webkit-flex; } #formcontactInfo .hs-profile-add p:first-child .hs-divider-small{ height: 43px !important; top: -3px !important; display: inline-flex; position: relative; left: 8px !important; } .hs-profile-header p a#editProfile{ top: 6px !important; } } @media (min-width: 375px) and (max-width: 566px) and (orientation:portrait){ #contact-div .hs-editTitle .hs-profile-select .custom-select-trigger:after{ left:89%; } } @media (min-width: 320px) and (max-width: 567px) and (orientation:landscape){ .carousel-inner .item img { min-width: 100%; } #custom-search-input .tt-dropdown-menu{ width: 512px; } #contact-div .hs-editTitle .hs-profile-select .custom-select-trigger:after{ left:93%; } .hs-profile-rightPull { float: right !important; } } @media (max-width: 640px) { .fp-pre-prod-desc { width: auto; } } @media (min-width: 568px) and (max-width: 667px) and (orientation:landscape){ .carousel-inner .item img { min-width: 80% !important; } #custom-search-input .tt-dropdown-menu{ width: 600px; } #contact-div .hs-editTitle .hs-profile-select .custom-select-trigger:after{ left:94%; } .hs-profile-rightPull { float: right !important; margin-right: 10px; } } @media (min-width: 567px) and (max-width: 666px) and (orientation:landscape){ div.post-login-popup { top: 35px !important; left: 278px !important; z-index: 2000; } } @media (min-width: 667px) and (max-width: 765px) and (orientation:landscape){ div.post-login-popup { top: 35px !important; left: 378px !important; z-index: 2000; } #myCarousel .carousel-inner .item { height: 185px !important; } } @media (min-width: 320px) and (max-width: 667px) and (orientation:portrait){ .chkBxDiv,#priceChkDiv{ padding: 0px; width: 48%; text-align: left; margin-left: 0px; margin-bottom: 10px; float: none; display: inline-block; } textarea#othersChk { width: 82%; } .chkBxWrap{ padding-left: 40px; } .warningPopUp .modal-content{ width: 100%; } .warningPopUp .modal-content .hs-warning-msg{ margin-bottom: 30px; } .otherDiv{ margin-top: 15px; } .warningPopUp .modal-content h3{ font-size: 26px; } .warningPopUp input[type="checkbox"]{ position: relative; top: 2px; } } @media (min-width: 320px) and (max-width: 667px) and (orientation:landscape){ .chkBxWrap{ padding-left: 20%; } textarea#othersChk { width: 50%; margin-bottom: 20px; } .chkBxDiv,#priceChkDiv{ padding: 0px; width: 48%; text-align: left; margin-left: 0px; margin-bottom: 10px; float: none; display: inline-block; } .warningPopUp .modal-content{ width: 100%; } .warningPopUp .modal-content .hs-warning-msg{ margin-bottom: 30px; } .otherDiv{ margin-top: 15px; } .warningPopUp input[type="checkbox"]{ position: relative; top: 2px; } } /* styles only for tablet - orientation portrait */ @media only screen and (min-width: 768px){ .hs-viewall-tab-desk-block{padding:0px;} .common-banner .hs-header-bg-txt{left:10%; right:10%;} .common-banner .hs-header-bg-h1 {top: 120px;} .hs-site-logo{ width:auto; } ul.hs-user-info li a, ul.hs-user-info li.dropdown.hs-cart-container a, ul.hs-user-info li.dropdown a{ padding:18px 15px; } .hs-cart-count{ top:32px; } .hs-user-info li span.hs-divider-small{ margin-top:-51px; } .navbar-header .hs-user-info{ margin-right:20px; } .carousel-caption{right:15%;left:15%;} .hs-user-info li.hs-active-user a{ padding:33px 15px; } .hidden-in-tablet{ display:none; } .hidden-in-desktop{ display:block; } .hs-parent-panel.in .dropdown-menu { display:block; position:relative; } .navbar-header, .hs-hamburger-header{ height:70px; } .navbar-toggle{ margin-top:20px; } .hs-login-drop.hidden-in-tablet{ display:none; } .hs-region-switch-modal.modal, .warningPopUp.modal{ z-index: 2002; } .hs-header-bg-sec img{ margin-left: -550px !important; margin-right: -550px !important; } #formcontactInfo .hs-profile-default .form-group { min-height: 60px; margin-top: 0px; } .hs-profile-select .custom-select-wrapper{ padding-bottom: 13px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { ����� �� .hs-nav-bg.navbar-default, .navbar-fixed-top.navbar-default{ height:31px !important; } div.login-popup{left: 560px !important;} } /* styles for hamburger menu upto 1024 - not for common desktop styles */ @media only screen and (min-width : 1025px) { .hs-banner-top .hs-header-bg-h1{ font-size: 48px; padding-bottom: 8px; } .hs-custom-dropdown{ margin:0 !important; } .hs-custom-dropdown select { color: #808080 !important; } .hs-menu-bg { background: rgba(0, 163, 223, 0.8); box-shadow: 0 0 10px black; } .navbar-header{ width:auto; } .hs-header-bg-sec img{ /* width: 100%; */ margin-left: -550px !important; margin-right: -550px !important; } .hs-top-menublock{ z-index:1000; } .hidden-in-tablet{ display:block; } .hidden-in-desktop{ display:none !important; } .navbar-header{ display: none; } .navbar-collapse.collapse{ display: block !important; } .hs-top-menublock { top: 30px; } .hs-divider-large{ display: block; } .navbar-default { background:rgba(0, 163, 223, 0.9); border-bottom:#fefefe; /*padding: 0 0 10px 0; */ } .hs-nav-bg.navbar-default, .navbar-fixed-top.navbar-default{ background:#000000; height:30px; } .hs-main-nav.navbar-nav > li, .hs-device-quick-nav li{ float:left; } ul.hs-border li.dropdown a.dropdown-toggle{ color:#ffffff; } .navbar-static.container{ width:1170px; margin:0 auto; } ul.hs-user-info li a, ul.hs-user-info li.dropdown.hs-cart-container a, ul.hs-user-info li.dropdown a{ padding: 25.5px 15px; display: inline-block; } ul.hs-user-info li #mz-logged-in-notice a.hs-logged-in{ padding: 23.5px 15px; display: inline-block; } .hs-cart-count{ top:39px; } .hs-login-drop.hidden-in-tablet{ display:block; } .hs-user-info li .hs-logged-in .hs-user-short-info a{ padding: 25.5px 2px; color: #cbd4e0; text-decoration: none; } .hs-profile-leftNav .navbar-default{ background: #f7f7f7; } .owl-carousel .owl-item img{width:auto;} #myModalSales .modal-dialog, #myModalAcct .modal-dialog { width: 768px; } .hs-region-selection {margin-left:-10px;} .accordian-content {margin-top:7px;} .mz-myaccount .mz-l-pagewrapper, .mz-myaccount .mz-l-pagewrapper .mz-l-pagecontent, .mz-myaccount .mz-l-pagewrapper .mz-l-pagecontent .mz-l-container { min-height: 100%; } #myProfileHeader div.container.hs-edit-acct{ padding-left: 5px; padding-right: 5px; width: 1180px; } #hsProfileFulfillementModeDrpn .custom-select-wrapper, #hsProfileSelectpickupLocation .custom-select-wrapper { width: 91%; } #hsProfileFulfillementModeDrpn .custom-select-trigger:after, #hsProfileSelectpickupLocation .custom-select-trigger:after { left: 220px; } #exclusive-deals .owl-nav .owl-next { display: none; } } @media screen and (min-width:1279px){ #exclusive-deals .owl-stage .owl-item{width: 293.33px !important;} #fed-pd-container .owl-stage .owl-item{width:292.3px !important;} } @media screen and (min-width:1279px) and (max-width: 1355px){ div.post-login-popup{top:105px !important; left: 907px !important;} div.login-popup{left: 772px !important;} _:-ms-fullscreen, :root div.login-popup{left: 780px !important;} } @media screen and (min-width:1356px) and (max-width: 1360px){ #exclusive-deals .owl-stage .owl-item{width: 391.33px !important;} div.post-login-popup{top:105px !important; left: 907px !important;} div.login-popup{left:812px !important;} } @media screen and (min-width:1359px){ #exclusive-deals .owl-stage .owl-item{width: 293.33px !important;} #fed-pd-container .owl-stage .owl-item{width:292.3px !important;} } @media screen and (min-width:1365px){ #exclusive-deals .owl-stage .owl-item{width: 293.33px !important;} #fed-pd-container .owl-stage .owl-item{width:292.3px !important;} } @media screen and (min-width:1550px) and (max-width:1600px){ #myCarousel .carousel-inner > .item > img{ width:100%; height: auto; } } @media screen and (min-width:1601px){ #myCarousel .carousel-inner > .item > img{ width:100%; height: auto; } #myCarousel .carousel-inner .item { height: 415px !important;} } @media screen and (min-width:1680px){ div.login-popup {top: 95px !important; left: 972px !important; } div.post-login-popup{top:105px !important; left: 1106px !important;} _:-ms-fullscreen, :root div.login-popup{left: 980px !important;} } @media screen and (min-width:1920px){ div.login-popup {top: 95px !important; left: 1092px !important; } div.post-login-popup{top: 105px !important; left: 1226px !important; } } @media screen and (min-width:320px) and (max-width:767px){ .hs-fp-link a.data-removeToCompare{ width: 100px; display: inline-block; vertical-align: middle; } .hs-role-modal .modal-content{ width:100%; } .hs-role-modal .modal-dialog{ width:90%; margin: 30px auto; } .hs-role-modal .modal-content h3{ margin: 0 0 25px 0; font-size: 24px; } .hs-role-modal .icon-hs-close{ margin-top: -10px; } .rowParent { border-bottom: 1px solid #d7d7d7; } .columnParent { padding: 5px 10px; border-bottom: 1px solid #d7d7d7; } .colHeading { text-align: left; padding: 0px; font-weight: bold; font-size: 13px; font-family: GalanoGrotesqueAlt-SemiBold; } .colContent { text-align: right; padding: 0px; } .tg-tooltipwrapDiv{ padding: 5px; } .zeroBrd{ border-bottom: 0px !important; } /*Price list block start*/ .hs-mob-mt10{ margin-top:10px; } .hs-mob-mt20{ margin-top:20px; } .hs-button-align{ text-align: left; } /*Price list block ends*/ .hs-header-bg-sec img{ width: 100%; } .hs-banner-top .btn { font-size: 10px; padding: 5px 10px; } .hs-pre-deals-title{ font-size:18px; line-height: 18px; padding-bottom:10px; } .hs-deals-prelogin{padding: 0px; } .hs-bottom-fix{ width:95%; } .subTotalTxt, .cartPriceDiv{ float: left; text-align: left; } .cartPriceDiv { max-width: 60%; } #hs-pro-list .hs-anonymous .hs-pro-detail { min-height: auto; } #hs-pro-list .hs-pro-detail{ min-height: 365px; } #hs-detail-price-info .urPriceTxt { font-size: 16px; } #hs-product-detail .priceTxt { font-size: 20px; } #hs-detail-price-info .exGstTxt { font: 26px GalanoGrotesqueAlt-Medium; } #hs-detail-price-info .incGstTxt { font-size: 18px; } #hs-detail-price-info input.hs-item-quantity#txtquantity{ margin-top: 20px; margin-bottom: 20px; width: 200px; } .hs-mob-pt10{ padding-top: 10px; } .hs-profile-settings .hs-profile-border{ min-height: auto; height: auto; } .hs-mob-delivery-block{ height:35px; } .hs-mob-plr{ padding-left: 15px !important; padding-right: 15px !important; } .hs-myprofile-leftnav-settings-mobile > li > a { color: #333 !important; font-size: 16px; } #hsProfileMobileleftNav{font-size: 16px;/*padding: 15px 15px 15px 15px;*/font-family: GalanoGrotesqueAlt-Regular; font-weight: bold;} i.hs.icon-hs-down-arrow.left-arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); font-size: 16px; } i.icon-hs-down-arrow.down-arrow { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); font-size: 12px; float: right; top: 5px; position: relative; } i.icon-hs-down-arrow.up-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); font-size: 12px; float: right; top: 5px; position: relative; } .common-banner .hs-header-bg-sec {padding-top:0px; margin-top: 0px !important;} .common-banner .hs-header-bg-h1{top: 55px;} .hs-header-bg-sec img{ padding-top: 45px; margin-left: -550px !important; margin-right: -550px !important; } #profile-left-nav{ padding-top: 0px; } .hs-pr-item-card{ flex:1; padding: 15px; -webkit-box-shadow: 0px 0px 15px -6px #000000; -moz-box-shadow: 0px 0px 15px -6px #000000; box-shadow: 0px 0px 15px -6px #000000; background-color: #ffffff; border: 1px solid #e5e5e5; margin: 0px 0px 20px 0px !important;} .hs-profile-info .hs-profile-header h4, .hs-profile-wish .hs-profile-header h4{ font-family: Value-Sans; font-size: 18px; color: #3b3b3b; text-transform: initial; margin-right: 10px; margin-bottom: 0px; margin-top: 10px; margin-left: 0 !important; } .hs-myprofile-leftnav-settings-mobile{ margin-left:15px; margin-right:15px;} .hs-myprofile-leftnav-settings-mobile > li {width: 100%;border-bottom: 1px #dedede solid;} .hs-myprofile-leftnav-settings-mobile > li > a{color:#3b3b3b;} .hs-myprofile-leftnav-settings-mobile > li > a:hover {cursor: pointer;background: #00a3df;color: #ffffff;} .hs-myprofile-leftnav-settings-mobile > li.activeList{ background: #00a3df; } .hs-myprofile-leftnav-settings-mobile > li.activeList > a{ color: #ffffff; } .hs-title-seven-myprofile{font-size: 20px; line-height:28px;} .hs-profile-leftNavMobileBorder{ border-bottom: 1px #dedede solid;} .hs-profile-leftNavMobile{ padding-left: 0; padding-right: 0;padding-bottom: 15px;} .hs-profile-shipaddr .hs-profile-content .hs-profile-edit-topic{ margin-bottom: 15px !important; padding-bottom: 15px !important; } .hs-edit-proBtn .btn:first-child{ margin-left: 0 !important; } .hs-edit-proBtn{padding-left:0 !important; padding-right:0 !important;} .hs-switch { position: relative; display: inline-block; width: 55px; height: 25px; top: 2px; left: 0 !important;} .hs-profile-address .addr-info{ width: 100%; margin-bottom: 15px; padding-top: 20px; border: 1px solid #dedede; background: #ffffff; margin-right: 0 !important; } .hs-profile-pl{padding-left:15px !important;} .hs-profile-rightNav{padding-right:15px;} .hs-price-font{font-size:21px; line-height:23px;} .hs-title-seven{font-size:15px; line-height:18px;} .hs-deals-mob-padding{padding-left:8px; padding-right:8px;} .carousel-inner .item img { min-width: 50%; } .hs-cate-sec { height: 95px; } /* .hs-title-seven{font-size: 18px; line-height:22px;} */ .hs-title-three{font-size:22px; line-height:26px;} .hs-mob-pt0{padding-top:0px;} .common-banner .hs-header-bg-h1{ font-size: 22px; padding-bottom: 0px; line-height: 30px;} .hs-header-bg-h1{ font-size: 16px; padding-bottom: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hs-site-logo img { width: 58px; margin-top: 7px; } .hs-hamburger-header{ padding-left: 15px; } .navbar-toggle { margin: 15px; } .modal-backdrop{ z-index: 2001; } .modal{ z-index: 2002; } #digitalInquiry .modal-dialog { width: auto; } input[type="search"].mz-searchbox-input{ font-size: 16px; } #custom-search-input button{ font-size:20px; } div.bdr-r.search-clear{ border-right: 0px solid #ccc; } .hs-search-modal .input-group-btn{ left:-10px; } .search-close{ position: absolute; top: -61px; right: -1px; width: 45px; height: 45px; background: #00a3df; } .search-close i.hs-modal-close-size.hs.icon-hs-close{ position: relative; top: -10px; color: #fff; } #myModal .modal-dialog{ top: 35px; left: -10px; } .search-close .close{ opacity: 1; text-shadow: none; } .navbar-collapse.collapse.in{ margin: 0px; width: 85%; } #hs-megamenu-accordion .panel-collapse .panel-collapse .panel-heading a{ padding-left:35px; } #hs-megamenu-accordion a.hs-l2-nav-category{ padding-left:35px !important; } #hs-megamenu-accordion a.hs-l3-nav-category{ padding-left: 45px !important; } li.menu-level-4 a{ padding-left:55px !important; } #hs-megamenu-accordion .panel-title a.hs-l1-nav-category, .hs-parent-panel.collapse .dropdown-menu li a{ padding-left: 25px; } #hs-megamenu-accordion .panel-collapse .panel-collapse .panel-heading a.hs-hamburger-view-all{ padding: 0px; } .hs-promo-block { width: 100%; height:350px; } .hs-promo-block:hover:after { width: 100%; } .hs-promo-banner { padding: 25px 0; } .hs-promo-banner{ background: #000000 url("/resources/images/business-section-320x911.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } footer { background: #1d2133 url("/resources/images/Footer-320x636.jpg") no-repeat center center; color: #ccc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hs-featured-mob-block{margin: 0px 15px !important; padding: 0px 15px !important;} .hs-viewall-mob-block{padding: 0px 15px !important;} .hs-deals-mob-block{margin: 0px 15px !important;} /* #fed-pd-container .owl-stage .owl-item{width: 345px !important;} */ .owl-stage .owl-item { margin-right: 10px !important; } .owl-carousel .owl-item img, #fed-pd-container .fp-img { width: auto; } .hs-business-block{ padding: 8px 15px;} .fp-titel { margin: 40px 0 20px; } .fb-view-all { padding: 20px 0 40px;} .accordian-content{ display:none; margin-top: 0px; border-top: 0px solid rgba(255, 255, 255, .3); } .hs-info-footer {height: 65px;} .accordian-content.displayBlock{ display:block; } #footer-sec1, #footer-sec2, #footer-sec3{ padding:0px 15px !important; clear:both; } footer ul{ margin-top:0px; } footer li.li-title{ padding:0px; } footer ul li { padding:15px 3px 13px; } footer li.li-title > span{ display:block; padding:15px 3px 13px; border-bottom: 1px solid rgba(255, 255, 255, .3); } footer li.li-title > span > i{ font-style: normal; font-size: 20px; float:right; padding-right: 5px; display: inline-block !important; } footer li.li-title > span.hs-footer-title-border{ border-bottom: 1px solid rgba(255, 255, 255, .3); } footer ul {font-size:12px;} .hs-logged-in { width: 58px; padding: 6px 15px 22px; margin-bottom: 17px; } .hs-logged-in > span{display:none;} .location-search{ padding: 0px 15px; margin: 20px auto 0 auto; } .hs-map-banner.map_bg .location-txt,.hs-map-banner .location-txt { width: 68% !important; height: 50px; border-right-width: 0; } .hs-map-banner.map_bg .gps-icon,.hs-map-banner .gps-icon { padding: 10px 13px; width: 16% !important; height: 50px; } .hs-map-banner .gps-icon { padding: 13px 13px !important; } .hs-map-banner.map_bg .location-go, .hs-map-banner .location-go{ width: 16% !important; height: 50px; } .hs-map-banner .location-go { padding: 12px 20px !important; } .hs-map-banner.map_bg .location-go { padding: 8px 0px !important; } .hs-map-banner.map_bg .location-search .gps-icon { padding: 15px !important; } .location-search .hs-icon-size { font-size: 24px; } .location-search .hs-icon-size.icon-hs-right { font-size: 30px; } #GoArrow .hs-icon-size.icon-hs-right { font-size: 24px !important; } .hs-map-banner .mt25,.hs-map-banner .mt20{ margin-top: 10px; } .hs-map-banner{ height: auto; padding: 40px 0; } input.location-txtBox{ padding: 12px 30px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; float: left; font-size: 16px; } #hs-megamenu-accordion ul.hs-hamburger-utility li.hs-region-selection a{ padding: 15px 0 15px 15px !important; } .hs-region-selection span:first-child{ float:left; /* margin:15px 0 15px 0;*/ position: relative; top: -23px; } .hs-custom-dropdown select{ padding-right: 3em; } .hs-region-switch-modal .modal-content{ width: 100%; } #footer-sec1 > div.col-xs-12 ,#footer-sec2 > div.col-xs-12{ padding-right:0px; } .hs-hamburger-header .navbar-toggle i.icon-hs-close{ font-size: 14px; top: 3px; } #myCarousel .carousel-inner .item .hs-banner-top .hs-header-bg-txt{ width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: auto; } .hs-mob-logged-in-margin{margin: 8px 0px 7px 8px !important;} .hs-mob-logged-in-pr0{padding-right:0px !important;} .hs-info-footer a{font-size: 13px;} #carousel, #carousel image{ width:100%; } #searchbox .twitter-typeahead { width: 85%; } #custom-search-input .tt-dropdown-menu{ top: 59px !important; left: -21px !important; background: #fff; } #custom-search-input .tt-dropdown-menu > div{ padding: 0px 20px; } .hs-login{ padding-top: 60px; padding-bottom: 40px; padding-left: 25px; padding-right: 25px; } .hs-forgot-pw{ margin-bottom: 20px; padding-bottom: 0px; } button#loginSubmit { margin-bottom: 20px; } .hs-not-memb { margin-bottom: 0px; } .hs-new-pword { padding: 20px 25px; } .forgot-section form, .hs-new-password form{ padding-right: 0px; } .hs-password-link .hs-pass-link-pad{ padding-left:25px; padding-right:25px; } .hs-password-link .hs-passlink-btn a{ margin-left: 0px !important; margin-right: 0px !important; } .hs-password-link{ padding:40px 0px; } .hs-password-link .hs-passlink-btn{ padding-top: 30px; } .hs-pass-success{ padding-left: 0px; } #contact-div .hs-editTitle .hs-profile-select .custom-select-wrapper .custom-select{ width:100%; } .hs-profile-header p a{ margin-top: 0px; position: relative; top: 22px; font-size: 13px; } .hs-profile-info .hs-profile-header { padding: 10px 10px; } .hs-profile-info .hs-profile-header p{ margin-bottom: 5px; margin-top: -10px; } #myModalSales .hs-profile-content , #myModalAcct .hs-profile-content{ padding: 40px 10px 20px; } #myModalSales #salesformValues .form-group, #myModalAcct #accountformValues .form-group{ padding: 0px 0px 20px; } #myModalSales #salesformValues .form-group label, #myModalAcct #accountformValues .form-group label{ left: 0px; } #myModalSales .hs-profile-select .custom-select, #myModalAcct .hs-profile-select .custom-select{ width: 98%; } #myModalSales .hs-profile-select .custom-select-trigger:after, #myModalAcct .hs-profile-select .custom-select-trigger:after{ left:94%; } #myModalSales .modal-dialog .modal-content .modal-header , #myModalAcct .modal-dialog .modal-content .modal-header , #myAddressModal .modal-dialog .modal-content .modal-header{ padding: 10px; } #myModalSales .modal-dialog .modal-content .modal-header .modal-title, #myModalAcct .modal-dialog .modal-content .modal-header .modal-title, #myAddressModal .modal-dialog .modal-content .modal-header .modal-title, #myPaymentCardsModal .modal-dialog .modal-content .modal-header .modal-title{ font-size: 18px; } #myModalSales #salesformValues .form-group label.active, #myModalAcct #accountformValues .form-group label.active{ -webkit-transform: translateY(-85%); -ms-transform: translateY(-85%); transform: translateY(-85%); } #myModalSales .form-group input[type=email], #myModalSales .form-group input[type=number], #myModalSales .form-group input[type=password], #myModalSales .form-group input[type=tel], #myModalSales .form-group input[type=text], #myModalAcct .form-group input[type=email], #myModalAcct .form-group input[type=number], #myModalAcct .form-group input[type=password], #myModalAcct .form-group input[type=tel], #myModalAcct .form-group input[type=text] { padding: 0px 0 10px; margin: 5px 0 10px; } #hsProfileFulfillementModeDrpn, #hsProfileSelectpickupLocation{ margin-bottom: 15px; } #hsProfileFulfillementModeDrpn .custom-select-wrapper, #hsProfileFulfillementModeDrpn .custom-select-wrapper .custom-select, #hsProfileSelectpickupLocation .custom-select-wrapper, #hsProfileSelectpickupLocation .custom-select-wrapper .custom-select{ width:100%; } #hsProfileFulfillementModeDrpn .custom-select-trigger:after, #hsProfileSelectpickupLocation .custom-select-trigger:after { left: 97%; } .mbl-btm{ margin-bottom: 15px; } .hs-profile-sub{ margin-right: 15px; } .hs-productimages-zoom, #productZoomModal .modal-content a.zoom, #productZoomModal .modal-content a.zoom img{ height:100%; width:100%; } #zoomcarousel .carousel-control{ display: block !important; } #viewallWishlist{ padding-right: 5px; } } @media screen and (min-width:320px) and (max-width:767px) and (orientation:portrait){ .common-banner .hs-header-bg-h1{ top: 17px; } .hs-header-bg-txt.search_contain { top: 45px !important; margin-left: 35px; margin-right: 35px; } } @media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){ .common-banner .hs-header-bg-h1{ top: 45px; } .hs-header-bg-txt.search_contain { top: 85px !important; } .gps-icon { width: 9%; } .location-txt { width: 82%; } .location-go { width: 9%; } #myCarousel .carousel-inner > .item > img { width: 100%; } #productZoomModal #zoomcarousel .carousel-control{ top: 33%; } .hs-banner-top .btn{ margin: 35px auto 0px auto; } } @media screen and (min-device-width: 320px) and (max-device-width : 568px) and (orientation : landscape) { #myCarousel .carousel-inner > .item > img { width: 100%; } .hs-deals-prelogin { padding: 50px 0px 0px 0px; } } @media screen and (max-width: 320px) { #myCarousel .carousel-inner > .item > img{ width: 100%; height: 100%; } .hs-mob-p0{ padding:0px; } } @media screen and (max-width:640px) and (orientation:landscape){ #hs-megamenu-accordion { height: 250px !important; } span.by-text { position: relative; top: 12px; left: -30px; } #myCarousel .carousel-inner .item { height: 177px; } } /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { div.login-popup{ top: 35px !important; left: 0 !important; z-index: 2000; } div.post-login-popup{ top: 105px !important; left: 950px !important; } } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #exclusive-deals .img { width: 45%; } } /* ----------- iPhone 6, 6S, 7 and 8 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { div.login-popup{ top: 36px !important; left: 42.5% !important; z-index: 2000; } .hs-login-active:after{ left: 84.7% } .hs-deals-prelogin { padding: 70px 0px 0px 0px; } } @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { div.login-popup{ top: 36px !important; left: 244px !important; z-index: 2000; } div.post-login-popup{ left: 350px !important; } .hs-login-active:after{ left: 83.5% } /* #exclusive-deals .img { width: 45%; } */ } /* portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .hs-login-active:after { left: 79.2%; } .hs-login-active { width: 320px; } div.post-login-popup{ top: 35px !important; left: 30px !important; z-index: 2001; } } @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .hs-login-active:after { left: 81.5%; } .hs-login-active { width: 360px; } div.post-login-popup{ top: 35px !important; left: 70px !important; z-index: 2001; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .hs-login-active:after { left: 82.5%; } .hs-login-active { width: 375px; } div.post-login-popup{ top: 35px !important; left: 85px !important; z-index: 2001; } } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { div.login-popup{ left: 170px !important; z-index: 2000; } div.post-login-popup{ top: 35px !important; left: 278px !important; } .hs-login-active:after{ left: 84.3% } } /* ----------- iPhone 6+, 7+ and 8+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { } /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } .article-ins-title > a:hover, .article-ins-title > a:focus { color: #2a6496 !important; text-decoration: underline; } .article-ins-title > a, .article-ins-title > a:visited { color: #3f3f3f; }