/** Shopify CDN: Minification failed Line 303:34 Expected ":" Line 303:35 Expected identifier but found "0" Line 454:91 Expected identifier but found "." Line 1038:18 Expected ":" **/ .m-view{display:none;} .articleContent{padding-left:10px;} #page .textPageContent p,#page .contentWrapper p{font-size: 14px; line-height: 1.6em; padding-left: 0;} .breaking-down{display:none; height: 0; margin: 0 !important;} .textPageContent li{line-height: 1.6em;} .brMob{display: none;} /* ************** MEDIA RAHUL CHNAGES ************ */ @media all and (max-width:320px) { .boxesWrapper .productsWrapper .row.products .item.travelSized{ width: 97%; } .quantityDropdownWrapper{ margin: 10px 0 0 0 !important; } .itemsList select{ width: 100%; float: none; margin-left:0;} .hpFifthRow.collection_page .hpFifthRowColumn { min-height: initial; width: 100% !important; box-sizing: border-box; border-right: none !important; border-bottom: 1px solid #ccc; padding: 10px 1% 10px 5%; } .boxesWrapper .bottom_collection_section p{ display:none; } #collection .productsWrapper form.foxycart,.relatedProducts .recommendations-group .item.travelSized{ width:97%; } .hpSecondRow img{ display:none; } .thirdRowLeft p{ margin-bottom:20px; } #index h2.hpCYOTK span{ font-size: 35px; } .hpSecondRow .thirdRowLeft p a.button{ padding: 1px 10px; vertical-align: top; margin-top: -10px; margin-bottom: 15px; } .hpCollectionRow form:hover { height: 380px; padding: 0px; width: 300px; } .cart{margin-right:5px !important;} .productImage{ text-align: center; width: 100%; } .productPageFormsWrapper, .productHeadlineSection, .tabsWrapper, .productInformation .relatedProducts, .productInformation>h3, .reviewWrapper, .kitContains{ width: 100%; } } @media all and (max-width:380px) { .contentWrapper .hpSecondRow .firstParagraph { padding-top: 60px; font-size: 13px; } .contentWrapper section .hpCollectionRow .row.products.bestSeller .item { width: auto; height: auto !important; } .hpCollectionRow .row.products.bestSeller{ display:block; height: 385px; overflow: hidden;} .hpCollectionRow .row.products{ display:none; } .hpCollectionRow .row.products.bestSeller .caroufredsel_wrapper{ max-height: initial; padding-bottom: 0; } .productCarousel_relatedProduct a.prev, .productCarousel_relatedProduct a.next, .hpCollectionRow .row.products.bestSeller a.prev, .hpCollectionRow .row.products.bestSeller a.next { background: url("miscellaneous_sprite.png") no-repeat transparent; width: 30px; height: 44px; display: block; position: absolute; top: 50%; zoom: 1; } .hpCollectionRow .row.products.bestSeller a.prev span, .hpCollectionRow .row.products.bestSeller a.next span{ text-indent:inherit; } .hpCollectionRow .row.products.bestSeller a.next, .productCarousel_relatedProduct a.next{ right:0px; } .hpCollectionRow .row.products.bestSeller a.prev{ background:url("slideshowLeftArrow.gif"); text-indent: -9999px; width: 22px; } .hpCollectionRow .row.products.bestSeller a.next, .productCarousel_relatedProduct a.next{ background:url("slideshowRightArrow.gif"); text-indent: -9999px; width: 22px; } header .raghavs_changes .mobile_header_wrapper .site_motto p { font-size: 15px; margin-top: -10px; line-height: normal; margin-right: 10px; } .raghavs_changes .mobile_header_wrapper .cart_image { top: 13px; } header .raghavs_changes .mobile_header_wrapper .site_motto { width: 75%; padding: 10px 0 0 0; border: none; height: auto; line-height: normal; } .raghavs_changes .mobile_header_wrapper{ height:auto; } header .raghavs_changes .mobile_header_wrapper .cart_image{ top: 13px; } .hpMeetOurExpertsWrapper .meet_the_experts_images { width: 100%; } .hpFifthRow span{ display: inline-block; margin: 8px 0 9px 70px; border-top: 1px solid #000; padding: 0; float: left; width: 170px; text-align: center; } .hpCollectionRow form { height: 380px; width: 300px; } .contentWrapper section .item.nonTravelSized .circle.sale{ right: 6px; bottom: 2px; } .contentWrapper section .hpCollectionRow form { height: 360px; display: inline-block; width: 100%; text-align: center; float:left; width:auto;} .contentWrapper section .hpCollectionRow form:hover{ width: auto; height: 360px; border-color:transparent; padding:5px 5px 0 4px; } .contentWrapper section .item.travelSized{ width: 100%; } .contentWrapper section .row.products.bestSeller .item.nonTravelSized .circle.sale { right: 14px; top: 317px; top: 0; } .contentWrapper section .hpCollectionRow .item{ height: 390px !important; } .contentWrapper section .hpMeetOurExpertsWrapper .meet_the_experts_images{ width: 100%; } .contentWrapper section ul.productCarousel_bestSeller{ padding:0; } .productInformation{ width:100%; } .productInformation .productHeadlineSection{ width:66%; text-align:center; } .productHeadlineSection{ width:100%; } .productPageFormsWrapper .addToCartInformation{ margin-top:20px; } .productPageFormsWrapper{ width:100%; } /*.productPageFormsWrapper .addToCartInformation .price{ border-bottom: 1px dotted #ccc; border-right: medium none; padding: 0; text-align: center; width: 100%; }*/ /*.productPageFormsWrapper .addToCartInformation .travelSizePriceIcon{ float: none; margin-left: 20px; position: absolute; top: 12px; }*/ /*.productPageFormsWrapper .addToCartInformation .size { border-bottom: 1px dotted #ccc; border-right: none; display: inline-block; float: none; line-height: 35px; padding: 0 0 5px; position: relative; text-align: center; width: 100%; }*/ /*.productPageFormsWrapper .addToCartInformation .quantityDropdownWrapper{ margin: -2px 0 0 !important; }*/ /*.productPageFormsWrapper .addToCartInformation .quantity{ width: 50%; }*/ .tabsWrapper{ width:100%; } .tabContent{ font-size: 14px; } /*.tabs li{ font-size: 14px; }*/ .productInformation h3{ font-size: 19px; } .productInformation .relatedProducts.itemsList .recommendations-group .item.travelSized{ width: 90%; float: none; } .hpFifthRow.collection_page p{ margin: 10px 0; } .otherArticlesPreview .articleCol{ width:100%;height:auto!important } .pressContent .articleExcerpt { padding: 0; box-sizing: border-box; } .pressContent .articleContent{ width: 100%; padding: 0; } .pressContent .mainArticleOverview .pressInquiry{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; text-align: center; padding: 5px 0; } .pressContent .mainArticleOverview img{ width: 100%; max-width: 100%; } .pressContent .mainArticleOverview{ padding: 10px 10px; } .textPageCol{ width:100%; } .textPageCol img{ width:100%; } .expertListWrapper .expertInfo { width: 100%; } .expertInfo .expertFavoriteProduct, .expertDescription { width: 100%; } .expertInfo .expertDescription { width: 100%; } .contentWrapper .hpFifthRow{ padding: 15px 0; } .hpFifthRow .hpFifthRowColumn.first p{ width: 100%; } .contentWrapper .hpFifthRow .hpFifthRowColumn{ border-bottom: none; width: 100% !important; padding: 0 !important; } .hpFifthRow p{ width: 100% !important; padding: 0 !important; } .paginationWrapper .pagination{ float: right; } .paginationWrapper .pagination ul{ padding: 0; } .mobile_header_wrapper ul.headerLinks#ipad_view_headerLinks{ display:none; } .hpCollectionRow .row.products.bestSeller{width:100%} .contentWrapper section .hpFourthRow .hpBlogContent{margin-bottom:0px;} .hpFourthRow .hpBlogContent p#blogtext{height:107px;} .hpFourthRow .hpBlogContent p{height:auto;} .productPageFormsWrapper, .productHeadlineSection, .tabsWrapper, .productInformation .relatedProducts, .productInformation>h3, .reviewWrapper, .kitContains{ width: 100%; margin-bottom:10px; } .favoriteProduct{ width:100%; } .hull-component{ display:inline-block; } span.s-rate-name{margin-right:10px;} span.s-rate-val { display: inline-block; width: 140px; vertical-align: top; } .hpMeetOurExpertsWrapper .meet_the_experts_images a{height: 100px !important;} } @media all and (max-width:480px) { .productInformation{ width:100%; } .productInformation .productHeadlineSection{ width:100%; } .productHeadlineSection{ width:100%; } .productPageFormsWrapper .addToCartInformation{ margin-top:20px; } .productPageFormsWrapper{ width:100%; } /*.productPageFormsWrapper .addToCartInformation .price{ border-bottom: 1px dotted #ccc; border-right: medium none; padding: 0; text-align: center; width: 100%; }*/ /*.productPageFormsWrapper .addToCartInformation .travelSizePriceIcon{ float: none; margin-left: 20px; position: absolute; top: 12px; }*/ /*.productPageFormsWrapper .addToCartInformation .size { border-bottom: 1px dotted #ccc; border-right: none; display: inline-block; float: none; line-height: 35px; padding: 0 0 5px; position: relative; text-align: center; width: 100%; }*/ /*.productPageFormsWrapper .addToCartInformation .quantityDropdownWrapper{ margin: -2px 0 0 !important; }*/ /*.productPageFormsWrapper .addToCartInformation .quantity{ width: 50%; }*/ .tabsWrapper{ width:100%; } .tabContent{ font-size: 14px; } /*.tabs li{ font-size: 14px; }*/ .productInformation h3{ font-size: 19px; } .productInformation .relatedProducts.itemsList .recommendations-group .item.travelSized{ width: 98%; float: none; } .hpFifthRow.collection_page p{ margin: 10px 0; } #tidio-chat-button-mobile{ display:none !important; } #tidio-chat{ display:none !important; } .section_wrapper{ width:100%; } .section_wrapper.order_history .information_content table tr td{ padding: 12px 50px 12px 0; } .section_wrapper.order_history .information_content table thead th{ padding: 0 50px 10px 0; width: 100%; } .section_wrapper.order_history .information_content{ overflow-x: scroll; } .section_wrapper.order_history.fr { width: 100%; margin-top: 30px; } .customer_address_table tbody tr td.label{ width: 40%; } .customer_address_table tbody tr td input{ width: 100%; } .customer_address_table tbody tr td select{ width: 100%; } .mainArticleOverview h3, .otherArticlesPreview .articleCol h3{ font-size: 16px; } .mainArticleOverview .shareLinks{ width: 100%; text-align: center; } /* .boxesWrapper p{ width: 100%; display: inline-block; text-align: center; margin-top: 10px; } */ /* .raghavs_changes .mobile_header_wrapper .site_motto p{ font-size: 13px; margin-top:0px; } .raghavs_changes .mobile_header_wrapper .site_motto{ width: 80%; padding-top: 16px; } */ .raghavs_changes .mobile_header_wrapper .cart_image{ top: 23px; } .hpCollectionRow form { width: 49%; height: 360px; margin-bottom: 15px; } .hpCollectionRow form:hover { border: 3px solid #000; width: 49%; padding: 2px 0px 0px 1px; height: 360px; } #index section .hpThirdRow .hpMeetOurExpertsWrapper h2{ font-size: 20px; } .contentWrapper .hpFifthRow{ padding: 15px 0; } .hpFifthRow .hpFifthRowColumn.first p{ width: 100%; } .contentWrapper .hpFifthRow .hpFifthRowColumn{ border-bottom: none; width: 100% !important; padding: 0 !important; } .hpFifthRow p{ width: 100% !important; padding: 0 !important; border:none; } .hpFifthRow span{ background: #000; height: 1px; border: none; } .raghavs_changes .mobile_header_wrapper .site_motto p { font-size: 16px; line-height: 21px; } .raghavs_changes .mobile_header_wrapper .site_motto { width: 69%; border: none; height: inherit; padding: 0; } .mobile_header_wrapper ul.headerLinks#ipad_view_headerLinks { width: 33%; display: inline-block; vertical-align: top; float: left; position: relative; top: -87px; left: 135px; } .mobile_header_wrapper ul.headerLinks#ipad_view_headerLinks li a { color: #8b8b8b; font-size: 11px; line-height: 15px; } .mobile_header_wrapper ul.headerLinks#ipad_view_headerLinks li { padding: 0; width: 100%; } .raghavs_changes .mobile_header_wrapper { height: 90px; } #hp_bottom.hpFifthRow .hpFifthRowColumn.third p{ width:100%; font-family: 'Droid Serif',serif; } .hpMeetOurExpertsWrapper .meet_the_experts_images a{height: 115px !important;} .topHeaderRight{padding-top:10px !important;} } @media all and (max-width:650px) { /* ---- HOME PAGE ---- */ .contentWrapper .hpFifthRow{ padding: 15px 0; } .hpFifthRow .hpFifthRowColumn.first p{ width: 100%; } .contentWrapper .hpFifthRow .hpFifthRowColumn{ border-bottom: none; width: 100% !important; padding: 0 !important; } .hpFifthRow p{ font-size:12px; width: 100% !important; padding: 0 !important; border:none; } .hpFifthRow span{ background: #000; height: 1px; border: none; } .hpTopText{ margin: 10px 0 0; width: 100%; padding: 0; } .contentWrapper .hpSecondRow .firstParagraph{ padding-top: 70px; font-size: 12px; } .hpSecondRow .thirdRowLeft .hpCYOTKWrapper{ padding-top: 155px; } .fourthFirstLast h2 span{ font-size: 16px; } .contentWrapper section .hpFourthRow .hpBlogPostThumb { height: auto; bottom: 0; margin-top: 0; max-width: 100%; position: relative; right: 0; width: 100%; } .hpFifthRow { box-sizing: border-box; height: 155px; overflow: hidden; padding: 10px 0; } .hpFifthRow .hpFifthRowColumn.third p{ width:100%; font-size: 12px; font-family: 'Droid Serif',serif; } .contentWrapper section .hpFourthRow .hpBlogContent{ width:100%; margin-bottom: 15px; margin-top: 25px;} .fourthRowColumn.fourthMid span{ padding: 20px 10px 20px !important; } .hpFourthRow{ padding: 0; margin-bottom:10px; height:auto; } /* .contentWrapper .hpFifthRow .hpFifthRowColumn{} */ .mediaWrapper{ position: relative; text-align: left; width: 100%; } .footerWrapper .mediaWrapper a{ float: none; display: inline-block; margin: 10px 8px 10px 0; } .footer div{ position: relative; text-align: left; width: 100%; display: inline-block; } .contentWrapper .hpFifthRow p strong{ font-size: 12px; font-family: 'Droid Serif',serif; color: #7E7E7E; font-weight: normal; } .hpFifthRow img{ display:none; } .hpFifthRow p{ float: right; width: 100%; text-align: center; line-height: 1.3em; margin:0px; } .hpFifthRow p br{ display:none; } .contentWrapper .hpFifthRow .hpFifthRowColumn{ height: auto !important; text-align:center; width: 100% !important; min-height: inherit; border-right: none !important; padding: 0; /*border-bottom: 1px solid #ccc;*/ } .footer{ width: 92%; padding: 0; } .footerWrapper .footer p{ clear: both; position: relative; line-height: 2.2em; text-align: left; } #tidio-chat-button-mobile{ display:none !important; } #tidio-chat{ display:none !important; } .hpSecondRow img{ display:none; } .thirdRowLeft p{ margin-bottom:20px; } #index h2.hpCYOTK span{ font-size: 35px; } .hpSecondRow .thirdRowLeft p a.button{ padding: 1px 10px; vertical-align: top; margin-top: -10px; margin-bottom: 15px; } .raghavs_changes .mobile_login_wrapper #search_query{ padding: 0 5px; height: 20px; } .hpIntroText .topParagraph { color: #999; border-top: 1px solid #000; margin-bottom: 10px; margin-top: 9px; padding-top: 19px; } .hpIntroText .contactInfo a#icon_email { line-height: 18px; padding-bottom: 1px; font-size: 14px; padding-top: 2px; margin-top: 10px; } .fourthRowColumn.fourthFirstLast h2 { margin-top: 10px; } .fourthFirstLast h2 span{ position: relative; top: -6px; } .meet_the_experts_images{ width: 100%; } .hpCollectionRow form{ width: 49%; } .item.travelSized{ width:100%; } .hpCollectionRow form:hover { border: 3px solid #000; width: 49%; padding: 2px 0px 0px 0; height: 370px; } .contentWrapper section .hpCollectionRow .item{ width:100%; } .contentWrapper section .item.nonTravelSized .circle.sale{ right:0px; top: 0px; } .otherArticlesPreview .articleCol{ width:100%; height:auto!important } .pressContent .articleExcerpt { padding: 0; box-sizing: border-box; text-align: left; width: 100%; } .pressContent .articleContent{ width: 100%; padding: 0; } .pressContent .mainArticleOverview .pressInquiry{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; text-align: center; padding: 5px 0; } .pressContent .mainArticleOverview img{ width: 100%; max-width: 100%; } .pressContent .mainArticleOverview{ padding: 10px 10px; } .textPageCol img{ width:100%; } .expertListWrapper .expertInfo{ background:none !important; width: 100% !important; padding: 0 10px; margin: 0 !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .expertInfo h2{margin-top:17px;} .expertInfo hgroup{ padding: 0; } .leftImage .expertFavoriteProduct, .leftImage .expertDescription, .rightImage .expertFavoriteProduct, .rightImage .expertDescription, #page-expert_individual .expertFavoriteProduct, #page-expert_individual .expertDescription { width: 100%; position: relative; bottom: 0; right: 0; } .leftImage .expertFavoriteProduct, .leftImage .expertDescription, .rightImage .expertFavoriteProduct, .rightImage .expertDescription #page-expert_individual .expertFavoriteProduct, #page-expert_individual .expertDescription { width: 100% !important; padding-bottom: 20px; } .expertListWrapper.rightImage img{float:left;} .expertFavoriteProduct, .expertDescription { width: 100%; position: relative; bottom: 0; left: 0 !important; right: 0; padding-bottom: 20px; line-height: 1.2em; } .expertTagline { font-size: 16px; margin-top: 20px; margin-bottom: 20px; } .expertContainer{ width: 100% !important; } .tkImageWrapper{ width: 100%; margin: 0; text-align: center; } .tkSlide { width: 100%; } .tkSlide h2{ font-size: 22px; } .travelKitPage.giftCardPage .giftCardHeadings { padding: 0 2% !important; float: left; width: 100%; text-align: left !important; } .productImage{ width: 100%; } .expertsPage h1, .itemsList h1, .faqPage h1{ font-size: 40px; line-height: 40px; } .countryMenu{ width: 100%; } .itemsList .countryDescription{ width: 100% !important; } .brandColumn{ width: 100%; border-bottom: 1px solid #000;} .colBorder{ border:none; } .colBorder.leftColBorder{ border:none; } .brandsHolder .separatorodd{ display:none; } .brandsHolder .separatoreven{ display:none; } .itemsList div a{ font-size: 13px; } .contactFormWrapper{ width: 100%; } .hpFifthRow span{ display:none; } .raghavs_changes .mobile_header_wrapper .site_motto p { font-size: 18px; line-height: 21px; } .raghavs_changes .mobile_header_wrapper .site_motto{ width: 75%; border: none; height: inherit; padding: 20px 0 0 0; } .mobile_header_wrapper ul.headerLinks#ipad_view_headerLinks { width: 33%; display: none; vertical-align: top; float: left; position: relative; top: -87px; left: 135px; } .mobile_header_wrapper ul.headerLinks#ipad_view_headerLinks li a { color: #8b8b8b; font-size: 11px; line-height: 15px; } .mobile_header_wrapper ul.headerLinks#ipad_view_headerLinks li { padding: 0; width: 100%; } .raghavs_changes .mobile_header_wrapper { height: auto; } #collection_listing h1.brand_heading{ font-size: 28px; line-height: 30px; } .bottom_collection_section span{ margin-top: 10px; } /* .bottom_collection_section a.phone{ margin-top: 0; } */ .bottom_collection_section { border: none; padding-bottom: 0; } .hpFifthRow.collection_page .hpFifthRowColumn p,.hpFifthRow .hpFifthRowColumn p{width: 100% !important; line-height:1.4em !important;margin: 0;} .hpFifthRow .hpFifthRowColumn p{line-height:normal !important;} #page-travelkit .singleColumn{padding:0;} #page-travelkit .singleColumn .productPageFormsWrapper{width:100% !Important;} /*#page-travelkit .productPageFormsWrapper .addToCartInformation .price,#page-travelkit .productPageFormsWrapper .addToCartInformation .size{ width: 100% !important; border-bottom: 1px dotted #ccc; text-align: center; }*/ /*#page-travelkit #tkPageAddCosmeticBagLink{width: auto !important;}*/ /*#page-travelkit #tkPageAddCosmeticBagLink button{margin-left:0 !important; margin-top:13px;}*/ /*#page-travelkit .productPageFormsWrapper .addToCartInformation .size{padding:5px 0 0px 0% !Important;}*/ /*#page-travelkit .productPageFormsWrapper .addToCartInformation .travelSizePriceIcon{ float: right; margin-right: 0; position: relative; right: 20px; margin-top: 2px !important; text-indent: -9999px; top: 0; }*/ #page-travelkit .tkImageWrapper{ width: 100% !important; } /*#page-travelkit .addToCartInformation .quantity{ width: 50% !important; }*/ .hpMeetOurExpertsWrapper .hpMeetOurExpertsWrapper .meet_the_experts_images a{ width: 24%; /* height: 101px !important; */ background-size: cover; background-size: contain; } .footerWrapper .mediaWrapper { text-align: left; padding-left: 5px; right: 0; } .headerLinks{display:none;} .topHeaderMotto{width: 72%; font-size: 18px !important; line-height: 21px !important;} .span-br{display:none;} .image-row-content{width:100%;} .mainArticleOverview img{padding;0;} .productInformation .productImage img{ max-width:100%; } #page-expert_individual .expertInfo{width:100%} #page-expert_individual .expertDescription{ position:static;padding-bottom:0;} } @media screen and (max-width:568px){ .productHeadlineSection { text-align:center; } .product-detail-top-text{ text-align:left;} #collection .productsWrapper form.foxycart, .relatedProducts .recommendations-group .item.travelSized, .expert_favoriteProduct .relatedProducts .row.products form{width: 98%; padding-left: 0; padding-right:0 ;} .pagination{width:100%;} .page_number{float:left;} .nlFormFieldWrapper{width:100%; float:left;} #mc-embedded-subscribe-form input{width:100% !important;} .nlFormFieldWrapper:nth-child(2){float:right; margin-top:5px;} .contentWrapper section .hpCollectionRow .row.products.bestSeller .item{width:290px;} .travel_bag_wrapper{padding-bottom:15px;} .bottom_button_wrapper .left{margin-bottom: 20px; } .mobile_header_wrapper .register_trademark_logo{right: -1px !important; top: -12px; font-size:9px;} .site_motto{font-weight:bold;} .bottom_collection_section h1{width: 100%; font-size: 22px; padding: 20px 0; margin: 0;} .recentBlogPost { float: none; padding: 14px 2%; width: 100% !important; background: url("/site/templates/images/topBorder.gif") repeat-x left bottom; } .itemsList select{ width: 100%; float: none; margin-left:0;} .pagination,.listNavigation .pt-sort-selector{width:100% !important;} .page_number{float:left;} .pagination .page_number{float: none; color: #333; font-size: 13px; line-height: 23px; margin-top: -5px;} .paginationWrapper .pagination ul{width: 100%; margin: 10px 0 0 0;} .paginationWrapper .pagination ul li:last-child{margin-right:0} .paginationWrapper .pagination ul li:last-child a{padding-right: 0;} .itemDescription .spr-badge-caption, .itemDescription .spr-starrating,.item.travelSized{text-align:center !important;} .footerWrapper .footer p, .footer div{text-align :left;} .footerWrapper .mediaWrapper{text-align: left; padding-left:5px; right:0;} .footer{font-size:10px;} header .raghavs_changes .mobile_header_wrapper .site_motto{width: 50%; float: left; margin-left: 5px; margin-top: 2px;} .raghavs_changes .mobile_header_wrapper{padding: 20px 0 10px;} .column.column_first .hpBlogContent{height: 206px !important; width: 50% !important;} .column.column_first .hpBlogPostThumb{width:40% !important; margin-top:17px !important;} .productPageFormsWrapper, .productHeadlineSection, .tabsWrapper, .productInformation .relatedProducts, .productInformation>h3, .reviewWrapper, .kitContains{ width: 100% !important; margin-bottom:10px; } .productInformation .productImage { width: 100%; text-align: center; } .hpSixthRow{ padding: 25px 3%; } .column.column_fourth div .strong{text-transform:capitalize;} .sbSubmenuWrapper{border-bottom: 1px solid #ccc; margin-top: 15px;} .sbSubcategories{padding-bottom:0;} #page-expert_individual .expertInfo{width:100% !Important;} div.expertListWrapper h2{font-size:24px !important;} .boxesWrapper .expertListWrapper p,.expertTagline { padding: 0; color: #727272;} .expertTagline {margin-top: 5px;} .favoriteProduct{width:100% !important;} #page-expert_individual #readmore,.countryDescription #readmore{display:block; padding-left: 8px; padding-right: 5%; padding-bottom: 10px; background: url("topBorder.gif") repeat-x scroll left bottom transparent; cursor:pointer;} .countryDescription #readmore{padding-left:0;} #page-expert_individual #readmore a,.countryDescription #readmore a{text-decoration: underline; font-size:14px;} .biography{background: none; padding-bottom: 0;} .biography .rm{display:none;} .toggle_part1{height:67px; overflow: hidden;} .bioSecondPart{display:block !important;} .contentWrapper .hpFifthRow .hpFifthRowColumn.first p strong{text-transform: capitalize;} .textPageCol{margin: 0 5% 5px 0%; width: 55%;} .breadcam{margin-bottom: 0 !important;} #contactFormWrapper textarea, #contactFormWrapper input{ width:100%; } .expertInfo .expertTagline{ position: relative; bottom: 0px; } .hpMeetOurExpertsWrapper .meet_the_experts_images a { width: 24% !important; height: 170px; background-size: cover; background-size: cover; } div.cdDesc{margin-bottom: 8px;} .expertListWrapper img { width: 100%; max-width: 100%; } .expertListWrapper .expertInfo { background: none !important; width: 100%; padding: 0 10px; margin: 0 !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .addToCartInformation .travelSizePriceIcon{width:53px; height:21px; background-size: 100%; margin-left:5px;} .cart_table table tbody, .cart_table table tbody tr{display:block;} .cart_table table tr td{ width: 50% !important; text-align: center !important; height: 100px; padding: 20px 0px !important; display: block; float:left; } .cart_table table tr td:nth-child(3){ height:60px; } .cart_table table tr td:nth-child(4){ height:60px; } .cart_table table tr.auto_added td:nth-child(3){ display:none; } .cart_table table tr.auto_added td:nth-child(4){ height: 46px; padding: 10px 0 15px !important; width:100% !important; } /* .cart_table table tr td:last-child{ border-bottom: solid #000 1px; } */ .cart_table table tr td span.price, .cart_table table tr td a.remove{ padding: 0; text-align:center; } .cart_table table tr td a.remove{ margin-top: 10px; top:0; } .cart_table table{ overflow-x: auto !important; } .addToCartInformation.comparedPrice .price{ padding-left: 0; font-size: 18px; padding: 11px 0% 3px 1%; } .percentOff{ font-size: 11px; } .addToCartInformation.comparedPrice .cut_price{ font-size: 14px; margin-right: 3%; margin-top: 4px; } .addToCartInformation.comparedPrice .quantity{padding-left:1% !important;} #page-travelkit .addToCartInformation .price{width: 42% !important;} #page-travelkit .addToCartInformation .size{width: 50% !important;} #page-travelkit .addToCartInformation .quantity{width:39% !important;} .register_trademark_logo{right:-10px !important;} .foxycart.experts_related_product .item.travelSized{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;} .homepageCarouselWrapper ul.productCarousel li img{max-width:320px;} } @media screen and (max-width:568px) and (orientation:landscape){ header .raghavs_changes .mobile_header_wrapper .site_motto{width:50%; float:right; margin-right:90px;padding-top: 19px;} .mobile_header_wrapper .register_trademark_logo{right: 3px !important; top: -10px; font-size: 12px;} header .raghavs_changes .mobile_header_wrapper .site_motto{margin-top:10px;} .column.column_fourth div .strong{text-transform:capitalize;} .contentWrapper section .hpCollectionRow .row.products.bestSeller .item{width:200px;} .contentWrapper section .hpCollectionRow .row.products.bestSeller .item a img{margin-top: 30px;} #collection .productsWrapper form.foxycart, .relatedProducts .recommendations-group .item.travelSized, .expert_favoriteProduct .relatedProducts .row.products form{width:48% !important;} .itemDescription{margin-top: -5px;} .raghavs_changes .mobile_header_wrapper .site_motto p { font-size: 20px; line-height: 23px; } a.expertListWrapper{/*max-width:371px;*/margin: 0 auto;} .boxesWrapper .expertListWrapper p, .expertTagline { padding: 0; } .expert_recentBlogPost .postImage{max-width: 371px; width: 40%; display: block; margin: 0 15px 10px 0; position: relative; float:left; } .brMob{display: block; height: 0;} .expertsPage h1, .itemsList h1, .faqPage h1 { font-size: 30px !important; line-height: 32px; } .hpMeetOurExpertsWrapper .meet_the_experts_images a { width: 24% !important; height: 170px; background-size: cover; background-size: cover; } .expertListWrapper .expertInfo { background: none !important; width: 100%; padding: 0 10px; margin: 0 !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .expertsPage h1, .itemsList h1, .faqPage h1{ font-size: 38px !important; line-height: 40px !important; } .expertListWrapper img.initialImage{/*width: auto !important;*/} #page-travelkit .tkSlide.tkStep1 h2{width: 40%; display: inline-block; vertical-align: top; font-size:30px; line-height:32px; margin-top: 5px;} #page-travelkit .tkImageWrapper { width: 50% !important; float: none; display: inline-block; margin-bottom: 0 !important; } #page-travelkit .tkSlide.tkStep2 .tkImageWrapper{float:left !important; margin-top:-5px;} .recentBlogPost.expert_recentBlogPost .blogExcerpt{ height:192px !important} } #page-travelkit p { display: block; clear: both; } @media screen and (max-width:767px) and (min-width:569px){ #page-travelkit .tkImageWrapper { width: 20%; margin-right: 15px; margin-bottom: 50px; } #collection .productsWrapper form.foxycart,.relatedProducts .recommendations-group .item..expertListWrapper img{width:31%;} .raghavs_changes .mobile_header_wrapper .site_motto { width: 75%; border: none; height: inherit; padding: 20px 0 0 0; } .mobile_header_wrapper ul.headerLinks#ipad_view_headerLinks { display: none; } .foxycart.experts_related_product{width:90% !important;} .cart_table table tbody, .cart_table table tbody tr{display:block;} .cart_table table tr td{ width: 100% !important; text-align: center !important; height: auto; padding: 20px 0px !important; display: block; } .cart_table table tr td:last-child{ border-bottom: solid #000 1px; } .cart_table table tr td span.price, .cart_table table tr td a.remove{ padding: 0; text-align:center; } .cart_table table tr td a.remove{ margin-top: 10px; top:0; } .cart_table table{ overflow-x: auto !important; } .addToCartInformation.comparedPrice .cut_price { font-size: 16px; margin-top: 5px; } .percentOff{ font-size: 12px; margin-top:9px; } .headerLinks{display:none;} .topHeaderMotto{width:70%;} .span-br{display:none;} .logo{width: 23% !important;} } /* ---- IPAD ---- */ @media screen and (max-width:768px) and (min-width:320px) { .promoBarWrapper{ height:auto; } .promoBar{ padding:10px 0 5px; } .hpTopText{ padding: 10px 0 0 0; width: 100%; } #index .hpTopText h2{ display:none; } .homepageCarouselWrapper{ width:100%; } .hpCYOTKWrapper{ padding-top: 160px; } .thirdRowLeft{ width: 100%; margin-left: 0; } .hpSecondRow{ padding:0px; } .hpSecondRow .firstParagraph{ padding: 12% 0 0 0; text-align: center; background-position: center 22px; font-size: 14px; } .hpTopText{ width: 100%; padding: 5px 0 0 0; margin-top: 5px; border-top: 2px solid black; } #index .hpTopText h2{ display:none; } .hpMeetOurExpertsWrapper{ width: 100%; } .meetTheExpertsLeftColumn { width: 100%; float: left; text-align: center; padding-top: 0; } #index .hpThirdRow h2 { padding: 5px 10px; background-color: #ef3f3d; font-family: 'Droid Serif',serif; color: #fff; width: 100%; font-size: 24px; display: inline-block; text-transform: none; } .meetTheExpertsLeftColumn ul { padding: 0; } .hpMeetOurExpertsWrapper img { float: left; margin-left: 0; width: 100%; } /* .hpIntroText { text-align: center; float: right; width: 100%; border-left: 1px solid black; padding: 10px 0 0; font-size: 13px; } */ .hpIntroText{ text-align: center; float: right; width: 100%; padding: 10px 0 0; font-size: 13px; margin-top: 0; margin-right: 0; border-left: none; height: auto;} #index .hpThirdRow h2{ width: 60%; margin-bottom:0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .hpIntroText .contactInfo { color: #000; font-size: 15px; font-weight: normal; margin-top: 10px;} .itemDescription{ height:auto; text-align: center; } .hpCollectionRow .item{ margin-right: 2%; } .hpThirdRow{ padding-top:10px; padding-bottom:10px; } .hpFifthRow .hpFifthRowColumn {min-height: 100px; } .hpFifthRow p { float: right; width: 69%; line-height: 1.3em; font-size: 12px; } .hpFifthRow .hpFifthRowColumn.third p { width: 140px; float: right; } .hpFifthRow span { display: inline-block; margin: 8px auto 5px; /*border-top: 1px solid #000;*/ padding: 0; float: none; display:inline-block; width: 170px; text-align: center; } .hpFourthRow .hpBlogContent{ width:65%; } /* .hpThirdRow{ padding-top:10px; padding-bottom:10px; } .hpFifthRow .hpFifthRowColumn { width: 26.5% !important; padding: 0 20px 0 20px; min-height: 100px; margin: 0 0px 0 0; } .hpFifthRow p { float: right; width: 100%; line-height: 1.3em; font-size: 12px; } .hpFifthRow span { display: inline-block; margin: 8px auto 9px; padding: 0; float: none; display:inline-block; width: 170px; text-align: center; } .hpFourthRow .hpBlogContent{ width:72%; } */ .hpFourthRow .hpBlogContent h3{ margin: 0 0 20px 0; } .hpBlogLink{ position: relative; bottom:0px; } .hpFourthRow .fourthMid{ width: 100%; min-height: 225px; padding: 0px 0; } .hpFourthRow .fourthRowColumn{ padding:0px; } .fourthRowColumn.fourthMid span{ padding: 15px 20px 20px !important; } #nlFormFieldWrapper .button, button, .tkButton{ margin-bottom: 10px !important; } /*#mc-embedded-subscribe-form input{ width:95% !important; }*/ .hpFourthRow .last{ padding: 0 !important; margin: 0 !important; } /*.hpFifthRow .hpFifthRowColumn { width: 30.5% !important; padding: 30px 0px 0 20px !important; margin: 0 0px 0 0; min-height: inherit; }*/ .hpFifthRow img{ max-width: 25%; margin: 0; } .hpFifthRow p strong{ font-size: 13px; } .hpFourthRow .fourthRowColumn { width: 100%; margin: 0px; min-height: 215px; height:auto; } .hpFourthRow .fourthRowColumn.fourthMid{ margin: 8px 0px 8px; } .item.travelSized { width: 18%; margin-right: 0; margin: 0 auto; text-align: center; } /*.productsWrapper .row.products .item.travelSized { box-sizing: border-box; margin: 23px 4% 0 3px; padding: 0 0 10px; text-align: center; width: 28%; }*/ /*.pagination ul{ margin: 7px 11px; }*/ .pagination { /*width: 35%;*/ text-align: center; } .itemsList, .expertsPage, .faqPage{ width: 100% !important; } .sidebar { text-align: center; width: 100%; max-width: inherit; padding: 0 2% 0 0; } .categoryDescription{ padding-top:0px; } .listNavigation .pt-sort-selector { width: 32%; text-align: left; } .pt-sort-selector label{ float:none; display:inline-block; } .pt-sort-selector select{ float:none; display:inline-block; } .mainMenu{ width:100%; } .span12.details .boxesWrapper .travelKitPage.giftCardPage .giftCardHeadings{ padding: 0 !important; float: left; width: 100%; text-align: center; } .travelKitDescription{ width:100%; } .travelKitDescription div{ width: 100%; margin: 0 0 0px 0; text-align: center; } .travelKitDescription .plus{ display:none; } .travelKitDescription .travelKitContent{ width: 100%; margin: 0; text-align: center; } .travelKitDescription .equals{ display:none; } .travelKitDescription .travelKitFinal{ width:100%; margin:0px; } .travelKitDescription .submitGiftCard{ padding:0px; } .giftCardPage .giftCardHeadings h1{ text-align:left; width: 100%; display: inline-block; margin: 10px 0; font-size: 22px !important; } .travelKitPage.giftCardPage{ text-align:center; } .travelKitPage.giftCardPage img{ float:none !important; max-width:100% !important; } .newsletterSidebar, .travelSwitchSidebar { width: 100% !important; margin: 0px 0px 0px !important; } .hpFifthRow.collection_page{ width:100%; margin-top:0px; } .joinOurCommunity_addToCart_wrapper{ width:100%; } .cart_table{ margin-bottom: 20px; width: 100%; } .my_cart_wrapper .top_pannel{ width: 100%; } .cart_table .left_section_wrapper{ margin-top: 0px; width: 100%; text-align: center; } .cart_table .left_section_wrapper .promotion_text{ width: auto; line-height: 2.0em; margin-right: 10px; } .cart_table .left_section_wrapper input{ float:none; } .cart_table .left_section_wrapper input.button{ float: none; margin: 0px 0 20px; } .cart_table .right_section_wrapper{ float:none; width:100%; } .cart_table .right_section_wrapper span.order{ width:50%; } .cart_table table tr td{ width: 50% !important; text-align: center !important; height: 100px; padding: 20px 0px !important; display: block; float:left; } .cart_table table tr td:nth-child(3){ height:60px; border-bottom: solid;} .cart_table table tr td:nth-child(4){ height:60px; border-bottom: solid; } .cart_table table tr.auto_added td:nth-child(3){ display:none; } .cart_table table tr.auto_added td:nth-child(4){ height: 46px; padding: 10px 0 15px !important; width:100% !important; border-bottom: solid;} .cart_table table tr td a img{ max-width:inherit; width:auto; } .cart_table table{ display: inline-block; overflow-x: scroll; } .accountPageContentWrapper{ padding: 10px 0px 30px; margin-bottom: 21px; border-bottom: 3px solid #000; } .accountPageWrapper.registerPage-wrapper form { width: 100%; text-align: center;} .accountPageWrapper.registerPage-wrapper form .action_bottom { width: 100%; position: relative; float: none; right: 0; margin: 15px 0 0 0; text-align: center; top: 0; clear: both; } .accountPageWrapper.registerPage-wrapper form .action_bottom input.button { float: none; display: inline-block; margin:0; top:0; } .accountPageWrapper.registerPage-wrapper form .action_bottom a{ clear: both; float: none; display: inline-block; margin:0;} .start_shopping_first-wrapper { width: 100%; padding: 0; min-height: inherit; top: 30px; text-align: center; margin-bottom: 15px; border-top: 1px solid black; border-left: none; background:none; padding-left: 0 !important;} .start_shopping_first-wrapper .or{ left: 46%; top: -20px; padding: 6px 6px 0 10px; margin: 0; } .accountPageWrapper.registerPage-wrapper form .clearfix{ width:45%; } #customers-register #create_customer div.large_form{width:100%;} .socialLoginWrapper{ width: 100%; padding: 0; } .loginFormWrapper{ text-align:center; width: 100%; min-height: inherit; padding: 0; border-top: 1px solid #000; border-left: none; margin: 40px 0 40px; } .loginFormWrapper .or,.accountPageWrapper.loginPage-wrapper .createAnAccontWrapper .or{top: -9px; left: 0; padding: 0 5px; display: block; margin: 0 auto; position: relative; } .accountPageWrapper.loginPage-wrapper .createAnAccontWrapper{ padding-top:0 !important; text-align: center; width: 100%; padding: 20px 0; text-align: center; border-left: none; border-top: 1px solid #000; min-height: inherit; background:none;} /*.accountPageWrapper.loginPage-wrapper .createAnAccontWrapper .or{ display:block; top: -10px; left: 43%; padding: 0 5px; } */ .accountPageWrapper.loginPage-wrapper .loginFormWrapper form input.button{ float:none; margin-right: 10px; } .accountPageWrapper.loginPage-wrapper .loginFormWrapper form .action_bottom a{ float:none; } .accountPageWrapper.loginPage-wrapper .loginFormWrapper form .action_bottom{ clear: both; margin: 0; padding: 10px 0; text-align: center; width: 100%; } .accountPageWrapper.loginPage-wrapper .loginFormWrapper form input.text{ width: 100%; float: none; } .socialLoginWrapper{ width: 100%; padding: 0; margin-top: 0; text-align: center; margin-bottom: 20px; letter-spacing: 5px; background: none;} #index h2.hpCYOTK strong{ font-weight:normal; letter-spacing: 4px; } .bottom_collection_section{ width:100%; text-align:center; } .bottom_collection_section h1{ float: none; } .bottom_collection_section span{ float: none; display: inline-block; vertical-align: top; } .bottom_collection_section p{ float: none; display: inline-block; } .bottom_collection_section a.phone { margin-left: 0px; float: none; position: relative; padding: 0 0 0 23px; width: 100px; color: #000; font-size: 16px; text-decoration: none; font-weight: normal; line-height: 1.4em; margin-top:8px} .bottom_collection_section a{ float: none; text-align: left; margin: 5px 0 0 22px; display: inline-block; } .mobile_ipad_view{ display: inline-block; width: 100%; text-align: center; } .mobile_ipad_view2{ display: inline-block; width: 100%; text-align: center; } .hpCollectionRow form{ width: 32%; height: 410px; } .item.travelSized{ width:100%; } .hpCollectionRow form:hover { border: 3px solid #000; width: 32%; padding: 2px 0px 0px 1px; height: 370px; } .contentWrapper section .hpCollectionRow .item{ width:100%; } .row.products .item.nonTravelSized .circle.sale{ right:10px; bottom:0px; } .hpMeetOurExpertsWrapper .meet_the_experts_images { width: 100%; display:inline-block; margin: 0; text-align: center; } /*.addToCartInformation .price{ width:13%; }*/ .productInformation{ width:100%; } /*.relatedProducts.itemsList .recommendations-group .item.travelSized{ box-sizing: border-box; margin: 0 0 0 10px; padding: 5px; width: 23%; }*/ .relatedProducts.itemsList .recommendations-group .item.travelSized a img { max-height: 140px; max-width: 100%; } .logo img{ margin-left:0px; height:auto; } .pressContent, .textPageContent, .communityContent{ position:relative; width:100% !important; } .mainArticleOverview img{ margin-right: 0%; } /* .pressInquiry{ float: left; margin-bottom: 20px; width: 55.2%; } */ .articleExcerpt { font-size: 14px; margin-top: 105px; } .giftCardHeadings{ padding: 0px 0 1px 2% !important; float: left; width: 60%; text-align: left !important; } /* .countryDescription{ width: 65% !important; } */ .boxesWrapper .expertListWrapper p,.expertTagline { padding: 0; font-size: 13px; line-height: 1.5em; color: #727272;} span.spr-summary-actions a{ display: inline-block; } .productInformation{ width:100%; } /*.addToCartInformation .quantity { width: 22%; }*/ .productPageFormsWrapper .addToCartInformation{ margin-top: 20px; } .hpCollectionRow{ height:auto; } .hpFourthRow{ height:auto; } .af-element.privacyPolicy p{ margin: 0 0 10px !important; } .bottom_collection_section a.email { background: url("icon-email.jpg") no-repeat 0px 4px position: relative; line-height: 18px; padding-bottom: 0px; font-size: 14px; padding-top: 0px; margin-top: 10px; margin-bottom: 3px; margin-left:0; } .footer p{ line-height: 1.8em; } .hpFifthRow{ height:auto; padding: 40px 0 40px 0; } .travel_bag_wrapper span.product_size{ width: 100%; } .travel_bag_wrapper span.product_price{ float: left; margin: 11px 0 0 20px; } .travel_bag_wrapper input.btn { float: left; } .customer_address_table tbody tr td.label{ width: 30%; } .customer_address_table tbody tr td input{ width: 70%; } .customer_address_table tbody tr td select{ width: 70%; } .searchResultItem{ width: 48%; margin: 0 10px 20px 0; } .searchPage h1{ margin: 20px 0 0; } .socialLoginWrapper h2{ font-size: 22px; letter-spacing: 0; } .accountPageWrapper.loginPage-wrapper .loginFormWrapper #login h2.title{ font-size: 22px; letter-spacing: 0; } .accountPageWrapper.loginPage-wrapper .createAnAccontWrapper h2.title{ font-size: 22px; letter-spacing: 0; } .socialLoginWrapper p{ font-size: 15px; letter-spacing: 0; } .mainArticleOverview h3, .otherArticlesPreview .articleCol h3{ clear: both; padding: 10px 0; } #page-expert_individual .expertInfo{ width: 44%; } .expertFavoriteProduct, .expertDescription{ width: 44%; } .expertContainer{ width: 100% !important; } /* div.expertListWrapper h2{ font-size: 28px; } */ .expertInfo h3{ font-size: 18px; } .contactFormWrapper{ width: 100%; } .wufoo label.desc, .wufoo legend.desc, .wufoo li div, .wufoo li span, .wufoo li div label, .wufoo li span label{ width: 50%; } .wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select{ width: 100%; } /*.quantityDropdownWrapper select{ width:80% !important; }*/ .bandName{ text-align: left; } .productPrice{ text-align: left; display: inline-block; width: 100%; } .hide_collection_page{ display:none; } .desktop_hide{ display:block } .newsletterSidebar.sidebar_newsletter{ display:none; } .travelKitWrapper{ display:none; } .tkSlide{ width: 100% !important; } .tkDescription{ padding-top: 10px; } .hpIntroText .topParagraph{border-top: 1px solid #000; margin-top: 9px; padding-top: 19px;} .expertListWrapper{ height:auto; width:100%; } .press-content-wrapper .pressPage,.pressPage{width: 100% !important;} .privacyPolicy{clear:both;} .ppMobNoShow{display:none;} .ppMob{display:block !important;} .af-element.privacyPolicy button#mc-embedded-subscribe{float:none;} .travel_bag_wrapper{padding-bottom:15px;} .hpSecondRow img.create_your_own_travel_kit_hpimage{ display:inline-block; } .bottom_collection_section h1{width: 100%; font-size: 22px; padding: 20px 0; margin: 0;} /** travelkit **/ /*#page-travelkit .addToCartInformation .quantity { width: 20%; } .page-expert_individual .expertContainer #readmore{ display:none!important}*/ .socialLoginWrapper .social_icons{text-align:center; padding:15px 0 0} .socialLoginWrapper .social_icons div{text-align:center } } @media screen and (max-width:768px) and (min-width:641px) { #collection .newsletterSidebar.sidebar_newsletter, #collection .travelKitWrapper{ display:block; } #collection .newsletterSidebar.sidebar_newsletter{ margin-top:40px !important} } @media screen and (max-width:910px) and (min-width:769px){ .headerLinks li a{font-size:13px;} .topHeaderMotto{font-size:20px;} .hpThirdRow { padding-top: 10px; padding-bottom: 10px; } .hpMeetOurExpertsWrapper { width: 100%; } .meetTheExpertsLeftColumn { width: 100%; float: left; text-align: center; padding-top: 0; } #index .contentWrapper .hpThirdRow h2 { width: 100%; font-size: 25px !important; padding: 10px 0; margin: 0; } .meetTheExpertsLeftColumn ul { padding: 0; } .meetTheExpertsLeftColumn ul li { font-size: 26px; } .hpMeetOurExpertsWrapper .meet_the_experts_images { width: 100%; display: inline-block; margin: 0; text-align: center; } .hpIntroText { text-align: center; float: right; width: 100%; padding: 10px 0 0; font-size: 13px; margin-top: 0; margin-right: 0; border-left: none; height: auto; } .hpIntroText .topParagraph { border-top: 1px solid #000; margin-top: 9px; padding-top: 19px; } #index .contentWrapper .hpThirdRow h2 { width: 100%; font-size: 25px !important; padding: 10px 0; margin: 0; } .hpIntroText .contactInfo { color: #000; font-size: 15px; font-weight: normal; margin-top: 10px; } .hpIntroText .contactInfo span#telNumber { display: block; margin: 0 auto; } /*******/ .hp_bottom_section .column { width: 100%; height: auto !important; } .hp_bottom_section .column.column_first { padding: 15px 5px; } .hp_bottom_section .column.column_first h2 span { font-size: 20px; } .hp_bottom_section .column.column_first .hpBlogContent { width: 65%; height: 281px; } .hp_bottom_section .column.column_first .hpBlogPostThumb { width: 30%; margin-top: 17px; } .hp_bottom_section .column.column_second { margin: 10px 0px; width: 100%; } } @media screen and (max-width:910px) and (min-width:479px){ .hpIntroText .contactInfo a#icon_email, body .hpIntroText .contactInfo span#telNumber{ display:inline-block!important; margin:0 5px} } /* ---- Desktop ---- */ @media all and (max-width:1024px) and (min-width:1000px) { .hpFourthRow .fourthMid { background-color: #ef3f3d; border-bottom: 3px solid #ef3f3d; border-top: 3px solid #ef3f3d; box-sizing: border-box; color: #fff; display: inline-block; height: 320px; min-height: initial; padding: 15px 20px; text-align: center; width: 290px; } #mc-embedded-subscribe-form input{ width: 95% !important; } #nlFormFieldWrapper .button, button, .tkButton{ margin-top: 10px !important; } .af-element.privacyPolicy p{ width: 60%; font-size: 12px !important; margin-top: 16px !important; } .hpTopText h1{ font-size: 22px; } .fourthRowColumn.fourthMid span{ font-size: 13px !important; } .fourthRowColumn.fourthMid p{ font-size: 13px !important; } .hpFourthRow .hpBlogContent p{ font-size: 11px; } .hpFourthRow .hpBlogContent { float: left; width: 45%; } .fourthFirstLast h2 span{ font-size: 16px; } .hpMeetOurExpertsWrapper img{ width: 58%; } .hpSecondRow img{ width: 70%; } .hpFourthRow .hpBlogPostThumb{ max-width: 150px; height:auto; } #index h2.hpCYOTK span{ font-size: 29px; } #index h2.hpCYOTK strong { font-size: 43px; letter-spacing: 3px; font-weight: normal; } .promoBar{ font-size:13px; } .item.nonTravelSized .circle.sale{ bottom: 0px; right: 20px; } .hpMeetOurExpertsWrapper .meet_the_experts_images a{ width: 24% !important; background-size: cover; } .hpMeetOurExpertsWrapper .meet_the_experts_images{ width: 61%; } .hpIntroText{width:24%; padding-left:2%; padding-right:2%} #index .hpThirdRow h2{font-size:21px;} .hpMeetOurExpertsWrapper{width:70%;} .af-element.privacyPolicy button#mc-embedded-subscribe{ border-radius: 7px !important; box-shadow: 0 1px 1px #ccc !important; float: right; font-size: 12px; height: 26px; line-height: 20px; margin: 10px 16px 0 0 !important; padding: 0; text-align: center; width: 92px; } /*.hpFifthRow.collection_page .hpFifthRowColumn { padding: 33px 10px 0; width: 260px; min-height: inherit; height: 130px; } .hpFifthRow.collection_page .hpFifthRowColumn.third { border: medium none; width: 220px; height: auto; padding: 33px 0px 0 15px; }*/ .hpCollectionRow form{ width: 189px; } .hpCollectionRow .item{ width: 100%; margin-right: 10px; } .hpCollectionRow form:hover{ border: 3px solid #000; width: 189px; padding: 2px 5px 0; height: 370px; } .item.nonTravelSized .circle.sale{ bottom: 0px; right: 10px; } /* .productInformation .productPageFormsWrapper .addToCartInformation .addtocart.productPageAddToCart{ margin-top: 11px !important; } */ .productInformation{ width: 100%; } .relatedProducts.itemsList .recommendations-group .item.travelSized a img{ max-width: 100%; } .relatedProducts.itemsList .recommendations-group .item.travelSized a{ max-width: 100%; } .bottom_collection_section a.phone{ float: left; margin-left: 10px; margin-right:20px; } /* .bottom_collection_section h1{ width: 100%; margin: 0; text-align: center; } */ /* .bottom_collection_section{ padding:0px 0 20px; } */ .bottom_collection_section a{ margin: 13px 0 0; font-size:12px; } .addToCartInformation .quantityDropdownWrapper{ margin-top: -2px; } /* .newsletterSidebar.sidebar_newsletter h2{ font-size: 18px !important; } */ .newsletterSidebar.sidebar_newsletter h2 a{ color:#000; text-decoration:none; } .mainMenu > .menuDropdownTrigger > ul > li{ width: 136px; } .mainMenu > .menuDropdownTrigger > ul > li#menuItem7 { width: 137px; } .logo img{ margin-left: 8px; } .row.products .item.nonTravelSized .circle.sale{ background: url("icon_sale.png") no-repeat; color: #ef3f3d; font-size: 14px; font-weight: bold; height: 36px; position: absolute; right: 11px; text-align: left; text-indent: -9999px; top: 0; width: 36px; } .meet_the_experts_images a{ height:170px; } .itemsList{ width:77% !important; } /* .countryDescription{ width:70% !important; } */ .mainMenu{ width:100%; left:0;} .giftCardHeadings{ display: inline-block; width: 58%; } .pressContent, .textPageContent, .communityContent{ position:relative; width:100% !important; } .mainArticleOverview img{ margin-right: 0%; } /* .pressInquiry{ float: left; margin-bottom: 20px; width: 55.8%; } */ .articleExcerpt { font-size: 16px; margin-top: 25px;} .articleAuthor { font-size: 25px; line-height: normal; } .communityContent{ float: left; width: 65% !important; } .newsletterSidebar, .travelSwitchSidebar{ width: 29% !important; } .itemsList, .expertsPage.mainExpertsPage, .faqPage{ width: 77%; } .newsletterSidebar, .travelSwitchSidebar{ width: 100% !important; } /* .sidebar{ padding-top: 0px; width: 100%; max-width: 100%; } */ .newsletterSidebar, .travelSwitchSidebar { width: 100% !important; } .hpSecondRow .firstParagraph{ font-size: 13px; } /* .thirdRowLeft{ padding-left: 67px; } */ .hpCollectionRow form:hover { border: 3px solid #000; height: 370px; padding: 2px 1px 0; width: 189px; } .mainMenu .siteNavigation{ margin-left: -33px; } .mainMenu #brandsMenu > a, .mainMenu #brandsMenu > a:hover{ width: 100%; } .mainMenu #brandsMenu { width: 148px; left: 24px; } .hpIntroText .topParagraph{ font-size: 12px; } .hpIntroText .contactInfo a#icon_email{ font-size: 14px; } .hpThirdRow{ padding: 80px 0 60px; } .hpFifthRow .hpFifthRowColumn.third p{ width: 180px; } .hpFourthRow .last p { line-height: 1.4em; font-size: 11px; } .hpFifthRow.collection_page { height: auto; min-height: inherit; padding: 20px 0px; width: 77%; } /*.listNavigation2{ height: 47px; padding: 0; }*/ .pagination{ margin: -5px 0 0; } /* .mobile_ipad_view{ width: 100%; display: inline-block; text-align: center; margin-bottom: 20px; } */ .mobile_ipad_view span{ float: none; display: inline-block; vertical-align: top; } .mobile_ipad_view p{ float: none; display: inline-block; vertical-align: top; } /* .mobile_ipad_view2{ display: inline-block; vertical-align: top; width: 100%; text-align: center; } */ .bottom_collection_section .mobile_ipad_view2 a{ float: none; display: inline-block; vertical-align: top; } /*.sidebar.tripleBox{ padding-top: 0px; width: 100%; max-width: 100%; } */ .relatedProducts.itemsList{ width: 100% !important; } .accountPageWrapper.registerPage-wrapper .accountPageContentWrapper h2.title{ font-size: 17px; } .loginFormWrapper{ padding: 0 0% 0 5%; width: 40%; } .accountPageWrapper.loginPage-wrapper .loginFormWrapper form .action_bottom{ width: 150px; } .cart_table .right_section_wrapper{ width: 75%; } #collection_details .sidebar{ width: 100%; max-width: 100%; } #collection_details .hpFifthRow.collection_page{ width: 100%; margin:0px; } #collection_details .hpFifthRow.collection_page .hpFifthRowColumn { padding: 33px 20px 0; width: 320px; border-right: 1px solid #000 !important; } /* #collection_details .bottom_collection_section{ width: 100%; text-align: center; } */ #collection_details .bottom_collection_section a.email{ margin: 13px 0 0 0; } #collection_details .bottom_collection_section a.phone{ margin: 13px 20px 0 10px; } #collection_details .bottom_collection_section span{ float: none; display: inline-block !important; vertical-align: top; } #collection_details .hpFifthRow.collection_page .hpFifthRowColumn.third p{ width: 190px; } #collection_details .hpFifthRow.collection_page .hpFifthRowColumn.third{ border:none !important; } #collection_details .bottom_collection_section a{ float: none; display: inline-block; vertical-align: top; font-size: 12px;} #collection_details .bottom_collection_section p{ float: none; display: inline-block; vertical-align: top; } #hp_bottom.hpFifthRow .hpFifthRowColumn.third p { width: 180px; } #hp_bottom.hpFifthRow .hpFifthRowColumn.third { border: none; width: 310px; padding-right: 0; } #hp_bottom.hpFifthRow .hpFifthRowColumn { padding: 15px 30px; } /*.productsWrapper form.foxycart{ margin: 0; padding: 0; display: inline-block; width: 24%; }*/ #collection .productsWrapper form.foxycart .item.travelSized{ width: 100%; } .sidebar.tripleBox{ max-width:100%; } .expertContainer{ max-width:100%; width:77% !important; } /* #page-experts .expertInfo{ width: 43%; } */ #page-experts .expertFavoriteProduct, .expertDescription{ width: 40%; } #page-experts .boxesWrapper .expertListWrapper p{ font-size: 13px; line-height: 18px; } #page-experts .sidebar.tripleBox{ width: 20%; } .hpFifthRow{padding-bottom:20px !important;} .tkSlide.tkStep1{ width: 91% !important; } .hpCollectionRow .item a img{ margin-top:30px; } .newsletterSidebar.sidebar_newsletter h2{ font-size:16px !important; } .foxycart.experts_related_product, .recentBlogPost{ width:43%;} .expert_favoriteProduct{ width:54%; } .recentBlogPost.expert_recentBlogPost span.postCategory{font-size:11px} } @media all and (max-width:1024px) and (min-width:769px) { .hpFourthRow{height: auto;} .hpFourthRow .fourthMid{ min-height: inherit; padding: 0 20px 20px 20px; box-sizing: border-box; } .hpFourthRow .fourthRowColumn{ min-height: inherit; width: 100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;height:auto;} .hpFourthRow .fourthMid{ min-height:inherit; margin: 10px 0; height: auto; padding-top: 20px;} .newsletterSidebar form#mc-embedded-subscribe-form div.nlFormFieldWrapper input.text{ width: 50% !important; height: 36px; } #nlFormFieldWrapper .button, button, .tkButton{ margin-top: 10px !important; } .hpFourthRow .last p{ line-height: 1.4em; font-size: 13px; } .hpTopText h1{ font-size: 22px; } .hpFourthRow .hpBlogContent p{ font-size: 13px; height:100px;} .fourthFirstLast h2 span{ font-size: 16px; } .hpMeetOurExpertsWrapper img{ width: 58%; } .newsletterSidebar .submit { display: block; } .hpSecondRow img{ width: 100%; } .hpFourthRow .hpBlogPostThumb { max-width: 150px; bottom: 0px; position: relative; float: left; margin-right: 10px; margin: 10px 10px 20px 0; } .hpSecondRow .firstParagraph{ padding:60px 0 5px 18%; background:url('travel-icon-med.jpg') no-repeat 3% 60px; } .hpThirdRow { padding-top:34px; padding-bottom:20px;} .hpMeetOurExpertsWrapper img { width: 97%; } .hpFourthRow .hpBlogContent{ width: 75%; } .thirdRowLeft{ width:100%; } .hpBlogLink{ position:inherit; } .hpFifthRow img{ max-width: 25%; } .hpFifthRow .hpFifthRowColumn{ padding: 20px 1% 20px 2%; } .footer p { line-height: 1.8em; } .hpCollectionRow form{ width: 19%; } .hpCollectionRow form:hover{ width: 19%; } .hpCollectionRow .item{ width: 100%; margin-right: 10px; } .hpCollectionRow .item.nonTravelSized .circle.sale{ right:10px; bottom:0px; } .mainMenu > .menuDropdownTrigger > ul > li{ width: 100px; } .mainMenu > .menuDropdownTrigger > ul > li#menuItem7{ width: 100px; } .mainMenu > .menuDropdownTrigger > ul > li{ width: 16.4%; } .mainMenu > .menuDropdownTrigger > ul > li#menuItem7 { width: 15.3%; } .logo img{ margin-left: 0px; height: auto; } .item.nonTravelSized .circle.sale{ right: 10px; bottom: 0; } /* .meet_the_experts_images a{ height:166px; } */ /* .bottom_collection_section span{ font-size: 11px; } */ .communityContent{ float: left; width: 100% !important; } .hpFifthRow.collection_page{ width:100%; } .bottom_collection_section { width: 100%; } .hpFifthRow p{width: 70% !important;} .hpIntroText .contactInfo span#telNumber{display: block; margin: 0 auto;} .hpFifthRow{height:auto; padding: 35px 0 0px 0;} .hpIntroText .topParagraph{padding-top: 19px;} .hpCollectionRow{height:auto; padding-bottom:15px;} .hpCollectionRow .row.products form{height:auto;} .nlFormFieldWrapper,#contactFormWrapper input, #contactFormWrapper textarea{width: 50% !important;} .socialLoginWrapper{width:38%;} .loginFormWrapper{width: 30%; padding-left: 3%;} .accountPageWrapper.loginPage-wrapper .createAnAccontWrapper{width: 32%; padding-right: 0; padding-left: 50px; } .accountPageWrapper.loginPage-wrapper .loginFormWrapper form input.text,form#customer_login span.formerror{width:90%;} .accountPageWrapper.loginPage-wrapper .loginFormWrapper form .action_bottom{margin-left:0;} /* .start_shopping_first-wrapper{width: 30%; top: 0; padding-top:25px !important; min-height: 137px;} */ /* .accountPageWrapper.registerPage-wrapper form{width:70%;} */ /* .accountPageWrapper.registerPage-wrapper form .clearfix{width:45%;} */ .accountPageWrapper.registerPage-wrapper form .action_bottom{float:none; position:relative;} .articleExcerpt{margin-top:95px; font-size:14px; } .articleContent h3{margin-top:0;} .mainArticleOverview .shareLinks{top:0; } .privacyPolicy { clear: both; } .af-element.privacyPolicy p { margin: 10px 0 0px !important; } .ppMob { display: block !important; } .ppMobNoShow { display: none; } .af-element.privacyPolicy button#mc-embedded-subscribe { float: none; margin-bottom: 10px !important;} .thirdRowLeft{width:25%; margin-left:0;} .hpSecondRow img{width:72%;} .create_your_own_travel_kit_hpimage{margin-top:0;} /* .hpSecondRow{padding-bottom:0;} */ .travel_bag_wrapper span.product_size{width:100%;} .travel_bag_wrapper{padding-bottom:10px;} /***e-gift card page***/ .giftCardPage .productImage{padding-left: 0 !important; width: 100% !important;} .giftCardPage .productImage #productBigImage{float: left !important; max-width: 35%; margin: 0 5% 0 2%;} .giftCardPage .productImage .giftCardHeadings{width: 56% !important;} .itemsList .item img, .item img{max-height:160px;} .productInformation { width: 100%; } #collection_details .sidebar { width: 100%; max-width: 100%; } .travelKitPackageWrapper .tkSlide{width:85% !important;} .travelKitPackageWrapper .productPageFormsWrapper{width:100% !important;} /* .d-view { display: none !important; } */ .column_input_filed.start_shopping_first_wrapper{ position: relative; width: 100%; top: 30px; margin: 0 2% 0 0; padding: 25px 0 0; background:none; border-top: 1px solid #000; } .column_input_filed.start_shopping_first_wrapper .or{ display:block; position: absolute; top: -8px; background: #fff; padding: 0 10px; left: 50%; margin-left: -30px; color: #000; } .column_input_filed.action_area_wrapper{ width: 100%; top: 0; padding-left: 0; margin-left: 0; padding-top: 0; } .column_input_filed.action_area_wrapper a{ display:block; clear:both; } .column_input_filed .row:last-child{ margin: 0 0 10px; } .column_input_filed.action_area_wrapper input.button{ padding: 6px 6%; width: auto; } .column_input_filed.start_shopping_first_wrapper a.button{ padding: 6px 4.3%; } .column_input_filed.name_filed_wrapper{ width: 100%; margin: 0px 0 0px 0px; } .column_input_filed.email_filed_wrapper{ width: 100%; margin: 0px 0 0px 0px; } .column_input_filed.password_filed_wrapper{ margin: 0px 0 0px 0; width:100%; } .column_input_filed .row{ width: 45%; margin: 0 2% 10px 0; } /* #page-experts .expertFavoriteProduct, .expertDescription { width: 40%; } */ #page-experts .boxesWrapper .expertListWrapper p { font-size: 13px; line-height: 18px; } /* .expertContainer .expertInfo{ width: 43.5% !important; } */ /* .expertTagline{ font-size: 13px; position: absolute; bottom: 16px; } */ .mainMenuOuter{margin-top:5px;} .newsletterSidebar, .travelSwitchSidebar { width: 100% !important; } .hpCollectionRow .row.products { display: none; } .row.products.bestSeller { display: block; width: 100%; } .row.products.bestSeller .caroufredsel_wrapper { max-height: 410px; padding-bottom: 0; } .productCarousel_bestSeller { padding-left: 0; } .hpCollectionRow .row.products.bestSeller form, .hpCollectionRow .row.products.bestSeller form:hover{ width: auto; display: block; float: left; position: relative; border: 3px solid transparent; padding: 2px 3px; height: auto; } .hpCollectionRow .row.products.bestSeller a.prev, .hpCollectionRow .row.products.bestSeller a.next { background: url("miscellaneous_sprite.png") no-repeat transparent; width: 30px; height: 44px; display: block; position: absolute; top: 47%; zoom: 1; } .hpCollectionRow .row.products.bestSeller a.prev { background: url("slideshowLeftArrow.gif"); text-indent: -9999px; width: 22px; } .hpCollectionRow .row.products.bestSeller a.next { background: url("slideshowRightArrow.gif"); text-indent: -9999px; width: 22px; } .hpCollectionRow .row.products.bestSeller a.next { right: 0px; } .column.column_fifth div .strong:last-child{margin-left:2px;} .join_our_community_pannel form .nlFormFieldWrapper{width: auto !important;} .bottom_collection_section{text-align:center;} .bottom_collection_section .mobile_ipad_view2{float:none;} .foxycart.experts_related_product{width:42%;} .logo{max-width: 148px!important;} } /* ************** RAHUL CHNAGES ************ */ /* ************** Raghav's Changes ************ */ .raghavs_changes {display:none;} @media all and (max-width:768px) { .topSignupBtnWrapper,.cartHolder .totalPrice,.cartHolder .viewCartLink,.search-wrap{ display:none; } .raghavs_changes {display:block; margin-bottom: 12px; } .promoBarWrapper, .head erWrapper,.mainMenuOuter {display:none;} .main_menu { bor der-bottom: 1px solid #c7b7a8; padding-bottom: 2px; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; width: 96%; margin: 0px auto; } form#search_form { float: right; margin-top: 0; text-align: right; width: 100%; } .mobile_promo_bar .trigger.expanded{ top:8px; right:5px; } .click_heading{ border-bottom: 4px solid #ef3f3d; width:100%; background: #000; height: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; line-height: 38px; margin: 2px 0 0; } .brands_menu .click_heading{ border-bottom:none; } .hpSecondRow img{ max-width: 100%; width:100%; } .mobile_promo_bar { background: #000; color: white; font-size: 14px; padding: 8px 0px; margin-top: -3px; height: 20px; overflow: hidden; line-height: 22px; padding-left: 10px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; text-align: left;} .mobile_promo_bar p { padding: 2px 0 0 0 !important; width: auto; text-align: left; line-height: 25px;padding-right: 40px !important;} .mobile_promo_bar .trigger { /*background: #000;*/ position: absolute; color: #ebc639; right: 0px; top: 0px; cursor: pointer; font-size: 24px; font-family: Verdana; line-height: 26px; padding: 0px 6px; border:none;width: auto; text-align: right;} .mobile_header_wrapper{display:none; overflow: auto; padding-top: 10px; position: relative; height: 165px; overflow: hidden; } .mobile_header_wrapper .logo { position:relative; z-index:2; width: 25%; float: left; clear: none; margin-left:4px; text-align: left; } .mobile_header_wrapper .site_motto { position: relative; z-index: 1; width: 54%; height: 125px; text-align: right; font-size: 14px; border-right: 2px solid #000; margin-top: 12px; color: #000; padding-right: 15px; padding-top: 20px; box-sizing: border-box; } .topHeaderMotto{ line-height: 28px; font-size: 21px; margin-top: 0; } ul.headerLinks#ipad_view_headerLinks{ width: 27%; display: inline-block; vertical-align: top; float: left; position: relative; top: -117px; left: 231px; } ul.headerLinks#ipad_view_headerLinks li a{ text-decoration:none; } .mobile_header_wrapper .cart_image { overflow: auto; float: right; margin: 0px 5px 0px 0px; position: absolute; top: 34px; right: 0; } .mobile_login_wrapper { width: 96%; margin: 0px auto; border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 9px 0; height: 23px; } .mobile_login_wrapper a { text-decoration: none; color: #666; margin: 0px 5px 0; position: relative; font-size: 15px; top: 2px; } .mobile_login_wrapper .searchButton { border-radius:0px; background: url("seachButtonIcon.gif") no-repeat scroll center center #999; border: 1px solid #999; clear: none; cursor: pointer; display: inline-block; float: none; height: 22px; padding: 2px; text-indent: -999em; vertical-align: top; width: 25px !important; } .mobile_login_wrapper .search_form { float: right; margin-top: 0; width: 48%; } .mobile_login_wrapper #search_query { display: inline-block; float: none; margin: 0 -5px; padding: 0px 5px; width: 74%; height: 20px; border-radius:0px; } .brands_menu { margin:0px; overflow:hidden; width:100%; } .brands_menu a {color:white; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } .brands_menu a span{ text-transform:uppercase; margin-left: 12px; font-size: 20px; line-height: 40px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .brands_menu .switcher{cursor:pointer; float: right; margin: 8px 10px 0 0; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; width: 30px; height:23px; text-align:center;} .brands_menu .switcher .switcher-open{width:100%;} .brands_menu .switcher .switcher-close{height:23px; width:23px; display:none;} .brands_menu .brandsSubmenu { list-style: none; padding-left: 20px; border-top: 1px solid #FFF; background: #3B3F42; height: auto; margin: 1px 0 0 0; line-height: 1.8em; padding: 10px 0 10px 20px; } .brands_menu .brandsSubmenu li a{ text-decoration:none; font-size: 18px; padding:10px 0px; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } .products_menu { margin:0px; overflow:hidden; } .products_menu a { text-transform:uppercase; color:white; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } .products_menu a span{ margin-left: 12px; font-size: 20px; line-height: 40px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .products_menu .switcher{ cursor:pointer; float: right; margin: 8px 10px 0 0; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; width: 30px; height:23px; text-align:center;} .products_menu .switcher .switcher-open{width:100%;} .products_menu .switcher .switcher-close{height:23px; width:23px; display:none;} .products_menu .productSubmenu{ list-style: none; padding-left: 20px; border-top: 1px solid #FFF; background: #FFF; height: auto; margin: 0px 0 0 0; line-height: 1.8em; padding: 0px 0 0px 0px; } .products_menu .productSubmenu li{ border-bottom: 1px solid #c7b7a8; padding: 10px 0 5px; margin: 0px 0px 0; } .products_menu .productSubmenu li:last-child{border-bottom: 5px solid #000;} .products_menu .productSubmenu li a{ text-decoration: none; text-transform: uppercase; padding: 10px 0px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; color: #000; font-size: 20px; margin-left:10px;} .cart{font-size: 16px; height: 63px; width: 54px; background-size: 54px 44px !important; margin-right: 5px; background-position: top 8px center !important; bottom:0;} .hpFifthRow .hpFifthRowColumn { padding: 20px 1% 20px 2%; } .hpFifthRow p{width:70% !important;} .hpIntroText .contactInfo span#telNumber { display: block ; margin: 0 auto; } .hpCollectionRow .row.products{display:none;} .row.products.bestSeller{display:block; width: 100%;} .hpCollectionRow .row.products.bestSeller form,.hpCollectionRow .row.products.bestSeller form:hover{width: auto; display: block; float: left; position: relative; border: 3px solid transparent; padding: 2px 3px; height: auto;} .related_products .productCarousel_relatedProduct .item.travelSized:hover {border-color:transparent!important;} .row.products.bestSeller .caroufredsel_wrapper{max-height:410px; padding-bottom:0;} .productCarousel_bestSeller{padding-left:0;} .productCarousel_relatedProduct a.prev, .productCarousel_relatedProduct a.next, .hpCollectionRow .row.products.bestSeller a.prev, .hpCollectionRow .row.products.bestSeller a.next, .related_products.media a.arrow { background: url("miscellaneous_sprite.png") no-repeat transparent; width: 30px; height: 44px; display: block; position: absolute; top: 50%; zoom: 1; } .hpCollectionRow .row.products.bestSeller a.prev span, .hpCollectionRow .row.products.bestSeller a.next span,.related_products.media a.arrow span{ text-indent:inherit; } .hpCollectionRow .row.products.bestSeller a.next, .productCarousel_relatedProduct a.next, .related_products.media a.arrow.next{ right:0px; } .hpCollectionRow .row.products.bestSeller a.prev, .productCarousel_relatedProduct a.prev, .related_products.media a.prev{ background:url("slideshowLeftArrow.gif"); text-indent: -9999px; width: 22px; } .hpCollectionRow .row.products.bestSeller a.next, .related_products.media a.next, .productCarousel_relatedProduct a.next{ background:url("slideshowRightArrow.gif"); text-indent: -9999px; width: 22px; } .related_products.media{padding:0 10px!important} .hpSecondRow img.create_your_own_travel_kit_hpimage{width: auto; float: none;} .hpCYOTKWrapper { padding-top: 130px;} .hpFourthRow .hpBlogPostThumb{bottom: none; float: right; position: relative; right: 0; margin-bottom:-12px;} .travel_bag_wrapper span.product_size{width:100%;} .travel_bag_wrapper{padding-bottom:10px;} .hpTopText h1 a{padding:18px 10px;} #index .contentWrapper .hpThirdRow h2 { width: 100%; font-size: 25px !important; padding: 10px 0; margin: 0; } .meetTheExpertsLeftColumn ul li{font-size:26px;} .foxycart.experts_related_product { width: 90%; display: inline-block; vertical-align: top; } .d-view{display:none !important;} .m-view{display:block !important;} .bottom_collection_section .cs span{line-height: 1.4em; margin-bottom: 10px; font-size: 13px;} .favoriteProduct{width: 49%; padding: 14px 0; float: right; border: none; margin: 0;} .experts_bottomDiv{width:100%;} .recentBlogPost { float: left; padding: 14px 2% 14px 0; width: 47%; background: url("topBorder.gif") repeat-x left bottom; } #page-travelkit .productPageFormsWrapper{ margin: 0 0 20px 0 !important; width: 100% !important; } /* #page-travelkit .singleColumn{padding:0;} #page-travelkit .singleColumn .productPageFormsWrapper{width:100% !Important;} #page-travelkit .productPageFormsWrapper .addToCartInformation .price,#page-travelkit .productPageFormsWrapper .addToCartInformation .size{width: 100%;} #page-travelkit #tkPageAddCosmeticBagLink{width: auto !important;} #page-travelkit #tkPageAddCosmeticBagLink button{margin-left:0 !important; margin-top:13px;} #page-travelkit .productPageFormsWrapper .addToCartInformation .size{padding: 14px 1% 5px 2% !Important;} */ .newsletterSidebar .submit{margin-top: 8px !important;} .newsletterJoinComunnity{margin-top:5px;} /***e-gift card page***/ .giftCardPage .productImage{padding-left: 0 !important; width: 100% !important;} .giftCardPage .productImage #productBigImage{float: left !important; max-width: 42%; margin: 0 5% 0 2%;} .giftCardPage .productImage .giftCardHeadings{float: none !important; width: auto !important;} /**shipping info***/ .shippingInfo .textPageContent{padding-top: 0;} .shippingInfo .textPageContent p{font-size: 14px; line-height: 1.6em; padding-left: 0;} .shippingInfo .textPageContent ul{margin:13px 0;} .sbSubmenuWrapper{margin:15px 0px !important;} .sbSubmenuWrapper h1{text-align: left; cursor: pointer; background:#ef3f3d url("white-strip.jpg") no-repeat right 10px top 7px; background-size: 30px;} .sbSubmenuWrapper nav{display:none;} /* .sbSubmenuWrapper h1:after{content:'\2630'; color:#fff; float: right; font-size: 30px;} */ #page .textPageContent p, #page .contentWrapper p, .categoryDescription p, .singleColumn p, .textPageContent li, .tkDescription, .biography p{ line-height: 1.5em; padding-left: 0;} .tkDescription,.tkSlide.tkStep2 p{font-size:16px;} .expertTagline{ font-size: 14px; /*position: absolute;*/ line-height: 1.5em; /*bottom: 16px; */} .recentBlogPost.expert_recentBlogPost .blogExcerpt{height: 50px;} .singleColumn h2, .boxesWrapper .singleColumn h2{font-size:22px;} .breaking-down{display:block;} /** hp_columns **/ .column{ width:100%; height:auto !important; } .column.column_second{ margin:10px 0px; width:100%; } .hp_bottom_section2{ margin: 20px 0px; } .hp_bottom_section2 .column{ padding:0px; margin:0; border:none; width: 100%; text-align: center; min-height:inherit; } .column.column_fourth img, .column.column_fifth img, .column.column_sixth img{ display:none; } .column.column_fourth div, .column.column_fifth div, .column.column_sixth div{ text-align: center; width: 100%; padding: 0 10px; box-sizing: border-box; } .column.column_fourth div .strong, .column.column_fifth div .strong, .column.column_sixth div .strong{ font-size:13px; font-family: 'Droid Serif',serif; color:#6e6e6e; font-weight:normal; } .column.column_fourth div br, .column.column_fifth div br, .column.column_sixth div br{ display:none; } .ipad_mobile_border{ display:inline-block; vertical-align:top; width:170px; border-top:1px solid #000; margin: 8px 0 0; } .column.column_first .hpBlogContent{width:65%; height:281px;} .column.column_first .hpBlogPostThumb{width:30%; margin-top:17px;} .column.column_first{padding:15px 5px;} /* #collection .productsWrapper form.foxycart, .relatedProducts .recommendations-group .item.travelSized{width:31%;} */ .productPageFormsWrapper, .productHeadlineSection, .tabsWrapper, .productInformation .relatedProducts, .productInformation>h3, .reviewWrapper, .kitContains{ width: 66%; margin-bottom:10px; } .productImage{ width: 32%; } .tabsToggleWrapper { float: left; position: relative; } .tabsToggle { display: block; font-family: 'Over the Rainbow',cursive; font-size: 24px; cursor: pointer; float: left; padding-top: 20px; } .tabs { position: absolute; top: 65px; left: 0px; border: 2px solid #E5E5E5; z-index: 990; width: 100%; min-width: 250px; } .tabs { display: none; } .tabs li { background-color: #FFF; padding: 0; float: none; display: block; border-bottom: 1px solid #E4E4E4; margin: 0; background-image: none; margin: 0; } .tabs li a { display: block; padding: 0 20px; } .accountPageWrapper.registerPage-wrapper form .action_bottom input.button{margin-bottom:10px;} .tabsWrapper{margin-top:-10px} .tabs li a{background:none;} .column_input_filed{ width:100%; margin:0px auto; } .register_title{ text-align:left; } .column_input_filed .row:last-child{ margin:0 0 10px; } .column_input_filed.start_shopping_first_wrapper{ border-top:1px solid #000; background:none; width: 100%; top:30px; margin:0px; padding: 20px 0 0 0; position:relative;} .column_input_filed.action_area_wrapper{ width: 100%; margin: 0 auto; } .column_input_filed.action_area_wrapper input.button { width: auto; margin-bottom: 15px; padding: 6px 14%; font-size: 15px; } .column_input_filed.action_area_wrapper a{ width:100%; } /* .breadcam{margin-bottom:15px;} */ .column_input_filed.start_shopping_first_wrapper .or{ display:block; position: absolute; top: -8px; background: #fff; padding: 0 10px; left: 50%; margin-left: -20px; color: #000; } .column.column_fourth div .strong{text-transform:capitalize;} .noSubNav{text-align: center !important; font-size: 22px !important; pointer-events: none; background-image: none !important;} .sbSubmenuWrapper h1.noSubNav:after{content:''; color:#fff; float: right; font-size: 30px;} #contactFormWrapper input, #contactFormWrapper textarea{ width:100%; } .brandColumn{ width: 100%; border-bottom: 1px solid #000;} .brandsHolder .separatorodd { display: none; } .column.column_first h2,.column.column_third h2{font-size:32px !important;} .column.column_first h2 span{font-size:20px;} .hull-social-container button{display:inline-block !important; float:none;} .media{ display:block; } .related_products.hp{ display:none; } .productCarousel_relatedProduct li{ width: auto; display: block; float: left; position: relative; border: 3px solid transparent; padding: 2px 3px; height: auto; position:relative; margin:0; } .productCarousel_relatedProduct li:hover{ box-shadow: none; } .productCarousel_relatedProduct li .item.travelSized{ width:221px; } .productCarousel_relatedProduct{ padding-left:0; } .related_products.media .caroufredsel_wrapper{ max-height: 400px; padding-bottom: 0; } .related_products.media{position:relative;} .headerCart{width:auto; height:auto;padding:0;} .topHeaderRight{padding-top:20px;width: 72%;} .logo{width:25%; max-width: 100% !important;} .mobile_promo_bar{display:block;} } @media all and (max-width:768px) and (min-width:767px){ .register_trademark_logo { right: -5px; } } @media screen and (max-width:568px) and (orientation:landscape){ .giftCardPage .productImage #productBigImage{width: 40%; margin-right: 3% !important;} .giftCardPage .productImage .giftCardHeadings { float: left !important; width: 52% !important; } .giftCardPage .giftCardHeadings h1{margin-top:-5px !important; font-size: 30px !important; line-height:32px;} .travelKitDescription{margin-top:-10px;} .giftCardInstructions h2{font-size:30px; line-height: 32px;} .product-detail-top-text{ text-align:left} } @media all and (min-width:769px) { .sbSubmenuWrapper nav,.tabs{display:block !important;} } @media all and (max-width:569px){ #page-expert_individual #readmore,.countryDescription #readmore{display:block!important;} } @media all and (min-width:569px){ .biography.toggle_part1{height:auto!important} #page-expert_individual #readmore,.countryDescription #readmore{display:none!important;} } @media all and (max-width:960px){ .addToCartInformation .price { /* width: 46% !important; */ padding-left: 3%; border-bottom: 1px dotted #CCC; line-height:24px;} .addToCartInformation .quantityLabel{line-height:15px;} .addToCartInformation .size { /* width: 46% !important; */ border-bottom: 1px dotted #CCC; border-right: 0px dotted #CCC; padding-left:3% !important; line-height:10px;} .addToCartInformation .travelSizePriceIcon { margin-right: -5px; } .addToCartInformation .quantity { clear: left; width: 43%; padding: 15px 3% 0 3% !important;} .addToCartInformation span.travelSizePriceIcon { margin-top:-10px; } .addToCartInformation div {width:50% !important; box-sizing:border-box; min-height:43px;} .addToCartInformation button { float: right; margin-right: 5px; margin-top: 10px !important; } .addToCartInformation div.product_sold_out { width: 80px !important; height: 24px !important; min-height: 24px !important; margin-top: 9px; } .kitContains span.travelSizePriceIcon { margin-top:-5px;} #page-travelkit #tkPageAddCosmeticBagLink{float: right !important; width: 46% !important; padding-left:0 !important;} #page-travelkit .addToCartInformation .quantityDropdownWrapper{line-height:normal; margin-top:-2px !Important;} .product_sold_out{float:right !important; margin-right: 5px;} .cut_price{ } } @media all and (max-width:1256px) and (min-width:1025px){ #page-travelkit .travelKitPackageWrapper .productPageFormsWrapper{width:100% !important;} } @media all and (max-width:1030px) { .addToCartInformation .quantityLabel, .addToCartInformation .size{font-size: 14px;} .recentBlogPost.expert_recentBlogPost h4 {font-size: 18px;} } @media all and (max-width:1000px) { .expertListWrapper img{margin-right:0;} .expertInfo { float: right; width: 44.5%; margin-right: 3%; } .expertFavoriteProduct, .expertDescription { width: 44.5% !important; position: absolute; bottom: 20px; right: 3%; line-height: 1.2em; left: inherit; } .expertListWrapper.rightImage img{ margin-left:0; } .rightImage .expertInfo { float: left; width: 44.5%; margin-left: 3%; margin-right: 0; } #page-expert_individual .expertInfo{width: 43.5%; float:right;} } @media all and (max-width:1000px) and (min-width:768px) { .mainMenu>.menuDropdownTrigger>ul>li>a{font-size:11px;height: 27px} .mainMenu { width: 96%; /*left: 28px;*/ margin:0 auto; float:none; } .cartHolder { padding-bottom: 10px; } .mainMenu #brandsMenu > a, .mainMenu #brandsMenu > a:hover{font-size:11px; height: 28px; padding-top:0;} .mainMenu #brandsMenu .brandsSubmenu{top:28px; width:180px;} .mainMenu #brandsMenu, .mainMenu > .menuDropdownTrigger > ul > li, .mainMenu > .menuDropdownTrigger > ul > li#menuItem7{width:16.5%;} .mainMenu #brandsMenu > a, .mainMenu #brandsMenu > a:hover,.mainMenu #brandsMenu a:hover{width: 100%;} .mainMenu .siteNavigation{padding-left:16.5%; margin:0;} } @media (max-width: 425px){ .topHeaderMotto { width: 68%; font-size: 15px !important; line-height: normal !important; } .topHeaderRight { padding-top: 6px !important; } } @media all and (max-width:1120px) and (min-width: 769px) { .hpTopText h1{font-size:24px;} #index .hpThirdRow h2{width:100%; padding:11px 0; text-align:center; font-size:20px; display: block;} #index .hpThirdRow h2 a{display:block;} .meetTheExpertsLeftColumn ul{margin-top:12px; padding:0;} /* #page-experts .sidebar.tripleBox,#page-expert_individual .sidebar.tripleBox{display:none;} */ } @media all and (max-width:1010px) and (min-width: 891px) { .hpTopText h1{font-size:20px;} .hpIntroText .contactInfo a#icon_email,.hpIntroText .contactInfo span#telNumber{font-size:15px;} } @media all and (max-width:890px) and (min-width: 769px) { .hpTopText h1{font-size:18px;} .hpIntroText .contactInfo a#icon_email,.hpIntroText .contactInfo span#telNumber{font-size:12px;} } @media all and (max-width:1210px) and (min-width: 1025px) { .loginFormWrapper { width: 35%; padding-left: 3%; } .accountPageWrapper.loginPage-wrapper .createAnAccontWrapper { width: 25%; padding-right: 0; padding-left: 50px; } .accountPageWrapper.loginPage-wrapper .loginFormWrapper form input.text, form#customer_login span.formerror { width: 90%; } .accountPageWrapper.loginPage-wrapper .loginFormWrapper form .action_bottom { margin-left: 0; } } @media all and (max-width:1260px) and (min-width: 1110px) { .bottom_collection_section .mobile_ipad_view2 .breaking-down{float:none; display:block !important;} } @media all and (max-width:1109px) and (min-width: 1025px) { .bottom_collection_section{text-align:center;} .bottom_collection_section .mobile_ipad_view2{float:none;} } @media all and (max-width:740px) and (min-width: 651px) { .expertDescription{ height: 80px; overflow: hidden; } } @media all and (min-width:315px) and(max-width:325px) { #index > footer > div > div > p:nth-child(1) > a:nth-child(7):before { content:' '; display:block; clear:both; } } @media all and (max-width:360px) { .topHeaderMotto{padding:3px 0 0 0} .post-byline, .recentBlogPost.expert_recentBlogPost span.postCategory{ font-size:9px; } .post-byline span, .recentBlogPost.expert_recentBlogPost span.postCategory{padding:1px 2px} .footer_separator{ display:block} .footer { width:100% !important;} } @media all and (max-width:320px) { .travelKitPackageWrapper .addToCartInformation .quantityLabel { margin-right:0; } } @media all and (max-width: 768px){ .homepageCarouselWrapper .product-info{ top:315px !important;} }