/* Theme Name: tinyjewlbox Theme URI: https://sourcefuse.com/ Author: SourceFuse Team Author URI: https://sourcefuse.com/ Description: The tinyjewlbox theme is designed to show products and news related to tiny. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @charset "UTF-8"; /* CSS Document */ @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?ikjiut'); src: url('fonts/icomoon.eot?ikjiut#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?ikjiut') format('truetype'), url('fonts/icomoon.woff?ikjiut') format('woff'), url('fonts/icomoon.svg?ikjiut#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1; width: 100%; font-family: "acumin-pro-wide", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px; line-height: 1.25em; color: #323232; font-weight: 300; letter-spacing: .25px; text-rendering: optimizeLegibility;} ol, ul { list-style: none;-webkit-font-smoothing: antialiased;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { margin: 0; padding: 0; } /* Sort of Universal Definitions -------------------------------------------------------- */ a:link, a:visited, a:hover, a:active { outline: 0; text-decoration: none; -webkit-transition: color 0.5s ease-out; /* Saf3.2+, Chrome */ -moz-transition: color 0.5s ease-out; /* Firefox 4+ */ -ms-transition: color 0.5s ease-out; /* IE10+ */ -o-transition: color 0.5s ease-out; /* Opera 10.5+ */ transition: color 0.5s ease-out; } a:hover, a:focus { color: #b12d2f; } a img { border: none; } h6 { font-family: "trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif; text-transform: uppercase; font-size: 93%; letter-spacing: 1px; display: block; margin: 0px 0px 40px 0px;} strong { font-weight: bold; } em { font-style: italic; } .icon-hint:before { content: "\e900";} .icon-wishlist:before { content: "\e901";} .icon-arrow-down:before { content: "\e903";} .icon-arrow-right:before { content: "\e904";} .icon-large-arrow:before { content: "\e90a";} /* `Overall Boxes ----------------------------------------------------------------------------------------------------*/ .box { width: 100%; height: auto; overflow: hidden; clear: both; } .container-tjb { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; clear: both; } /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_brand, .global { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; overflow: hidden;} .grid_brand, .global { margin: 0px 0px 0px 0px; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container-tjb .grid_1 { width:4.25%; } .container-tjb .grid_2 { width:10.5%; } .container-tjb .grid_3 { width:16.75%; } .container-tjb .grid_4 { width:23.0%; } .container-tjb .grid_5 { width:29.25%; } .container-tjb .grid_6 { width:35.5%; } .container-tjb .grid_7 { width:41.75%; } .container-tjb .grid_8 { width:48.0%; } .container-tjb .grid_9 { width:54.25%; } .container-tjb .grid_10 { width:60.5%; } .container-tjb .grid_11 { width:66.75%; } .container-tjb .grid_12 { width:73.0%; } .container-tjb .grid_13 { width:79.25%; } .container-tjb .grid_14 { width:85.5%; } .container-tjb .grid_15 { width:91.75%; } .container-tjb .grid_16 { width:98.0%; } /* Buiding these things outs -- ---- --- -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .top { display: table; height: 40px; vertical-align: middle; background: #f6f7f6; width: 100%; display: block; color: #a6a8a8; text-transform: uppercase; font-weight: 400;} .top a:link, .top a:visited, .top a:hover, .top a:active { color: #a6a8a8; outline: 0; text-decoration: none; -webkit-transition: color 0.5s ease-out; /* Saf3.2+, Chrome */ -moz-transition: color 0.5s ease-out; /* Firefox 4+ */ -ms-transition: color 0.5s ease-out; /* IE10+ */ -o-transition: color 0.5s ease-out; /* Opera 10.5+ */ transition: color 0.5s ease-out; } .top a:hover, .top a:focus { color: #b12d2f; } .top .left, .top .right { font-size: 70%; width: 50%; display: block; float: left; display: table-cell; height: 100%; vertical-align: middle;} .top .left { float: left; } .top .left ul { width: auto; height: 100%; overflow: hidden; } .top .left ul li { float: left; display: table; border-right: solid 2px #ffffff; height: 100%; vertical-align: middle;} .top .left ul li:last-of-type { border: none;} .top .left ul li a {display: table-cell; height: 100%; vertical-align: middle; padding: 0px 12px; font-size: 11px;} .top .right { float: right; } .top .right ul { width: auto; height: 100%; overflow: hidden; background: #dde3df; float: right; padding: 0px 15px 0px 7px; margin-right: 135px; } .top .right ul li {display: inline-block; float: left;vertical-align: middle; height: 100%; line-height: 40px;} .top .right ul li a { font-size: 0; line-height: 0; display: inline-block; height: 100%; vertical-align: middle; padding: 0 1px; color: #fff; vertical-align: top;} .top .right ul li a:after { color:#ffffff; font-family: 'icomoon'; font-size: 20px; line-height: 40px; display: inline-block; height: 100%; padding: 0px 8px; } .top .right ul li.call {display: none;visibility: hidden;line-height: 0;} .top .right ul li.call a:after {content: "\e909"; } .top .right ul li.map a:after { content: "\e908"; } .top .right ul li.email a:after {content: "\e907"; } .top label { display: none; visibility: hidden; } /* .top input { display: none; visibility: hidden; } */ .top form#searchform { background: #c52033; display: block;float: right;height: 40px;overflow: visible;padding: 0px;position: absolute;right: 90px;top: 0;width: auto;z-index: 1000;} .customize-support .top form#searchform{top:32px;} .top form#searchform input[type=text] { display: block; visibility: visible; line-height: inherit; outline: none; border: none; -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; font-family: inherit; font-size: 85%; } .top form#searchform input::-webkit-search-decoration, .top form#searchform input::-webkit-search-cancel-button { display: none; } .top form#searchform input[type=text] { text-indent: -9999px; background-image: url('images/search-icon.png'); background-repeat: no-repeat; background-size: 22px auto; background-position: 10px 12px; padding: 10px 10px; background-color: rgba(255,255,255,0); width: 25px;-webkit-appearance: none;color:rgba(255,255,255,0); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .top form#searchform input[type=text]:focus {text-indent: 0px;font-size:16px; font-weight: light; font-style: italic; width: 300px; padding: 10px 10px 10px 20px; background-color: rgba(255,255,255,1); color:rgba(0,0,0,1); } .top form#searchform input:-moz-placeholder { color: #999; } .top form#searchform input::-webkit-input-placeholder { color: #999; } .top form#searchformtop #findit { display: block; height: 100%; } /*Search Box -- ---- --- -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .searchbox{position:absolute;min-width:45px;width:0%;height:40px;float:right;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;-o-transition:width 0.3s;right:90px;transition:width 0.3s;max-width:345px;} .searchbox-input{top:0;right:0;border:0;outline:0;width:100%;height:40px;margin:0;max-width:300px;font-size:16px;font-weight:100;font-style:italic;padding:10px 10px 10px 20px;background-color:rgba(255,255,255,1);color:rgba(0,0,0,1);text-indent:0px;right:0px;position:absolute; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .searchbox-input::-webkit-input-placeholder{color:rgba(0,0,0,1);} .searchbox-input:-moz-placeholder{color:rgba(0,0,0,1);} .searchbox-input::-moz-placeholder{color:rgba(0,0,0,1);} .searchbox-input:-ms-input-placeholder{color:rgba(0,0,0,1);} .searchbox-icon,.searchbox-submit{width:45px;height:40px;display:block;position:absolute;top:0;font-size:0;right:0;padding:0;margin:0;border:0;outline:0;line-height:40px;text-align:center;cursor:pointer;background-image:url(images/search-icon.png);background-repeat:no-repeat;background-size:22px auto;background-position:10px 12px;padding:10px 10px;background-color:rgb(197, 32, 51);} .searchbox-open .searchbox-icon, .searchbox-open .searchbox-submit{width:45px;height:40px;display:block;position:absolute;top:0;font-size:0;right:0;padding:0;margin:0;border:0;outline:0;line-height:40px;text-align:center;cursor:pointer;background-image:url(images/search-icon-dark.png);background-repeat:no-repeat;background-size:22px auto;background-position:10px 12px;padding:10px 10px;background-color:#fff;} .searchbox-open{width:100%;} .searchbox-open .searchbox-input{right:45px;width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} /*Customization -- ---- --- -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .top .right .ubermenu-responsive.ubermenu-responsive-collapse{overflow: visible!important;visibility: visible !important;} .top .right .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper{display: none;} #main-menu-wraper .ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0, .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left{float:none; display: inline-block;} #main-menu-wraper .accordian > ul { width: 100%; height: auto; z-index: 0; text-align: center; background-color: #fff;} #main-menu-wraper .accordian > ul > li { width: auto;height: auto;display: inline-block;} #main-menu-wraper .ubermenu .ubermenu-item-layout-icon_left>.ubermenu-target-title{margin-left: 0;} #main-menu-wraper .accordian ul li a{border-bottom:2px solid #FFFFFF;color:#858886;outline:0;display:block;padding:29px 20px;font-size:11px;font-family:"trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif;text-transform:uppercase;letter-spacing:0.75px;text-transform:uppercase;text-decoration:none;-webkit-transition:color 0.5s ease-out;-moz-transition:color 0.5s ease-out;-ms-transition:color 0.5s ease-out;-o-transition:color 0.5s ease-out;transition:color 0.5s ease-out;} #main-menu-wraper .accordian ul li a:hover, #main-menu-wraper .accordian ul li a:focus{color:#b12d2f;border-bottom:2px solid #b12d2f;} #main-menu-wraper .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text{padding-left:0;} #main-menu-wraper .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper{padding:0;} #main-menu-wraper .fa-navicon:before,.fa-reorder:before,.fa-bars:before{font-family:'icomoon';content:"\e905" !important;font-weight:normal;margin:0px 0px 0px 0px;color:#c52033;font-size:25px;display:inline;padding:0px 0px 0px 10px;} #main-menu-wraper .ubermenu .ubermenu-item-layout-image_left > .ubermenu-image{width: 0; height: 0;} .top .right ul li a .ubermenu-target-text{font-size:0;} .top .right ul .ubermenu-icon{ width: auto; font-size: 20px; display: inline-block; height: 100%; padding: 0px 8px; line-height: 40px; } .top form#searchform input[type=text]:focus ~ input#searchsubmit {font-size:0;position:absolute;top:0;right:0;width:30px;height:40px;background: #fff;visibility: visible;display: block;border: 0;background-image: url(images/search-icon-dark.png);background-repeat: no-repeat;background-position: 0 center;z-index: 100000;} /*--------Customization For Dropdown navigation----------*/ #main-menu-wraper .accordian ul.ubermenu-submenu li.menu-button a{position:absolute;height:60px;padding:0 50px;line-height:60px;background:#444549;bottom:0;right:0;color:#fff;font-family:"trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif;font-size:14px;text-transform:uppercase;} #main-menu-wraper .accordian ul.ubermenu-submenu li.menu-button a:hover{color:#fff;} #main-menu-wraper .accordian ul.ubermenu-submenu li.menu-button a span.ubermenu-target-text:after{content:'';display:block;float:right;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #ffffff;border-right:6px solid transparent;margin-left:16px;margin-top:24px;} #main-menu-wraper .ubermenu .ubermenu-submenu-type-stack>.ubermenu-divider{padding:10px 10px;max-width:40px;} #main-menu-wraper .ubermenu .ubermenu-divider hr{border-top:2px solid rgba(0,0,0,.1);} #main-menu-wraper .accordian > ul > li{display:block;} #main-menu-wraper .accordian ul > li > ul.ubermenu-submenu{background-size:cover;} #main-menu-wraper .accordian ul >li>ul.ubermenu-submenu > li ul.ubermenu-submenu{padding-top:50px;padding-bottom:50px;max-width:1120px;margin:auto;} #main-menu-wraper .accordian ul >li>ul.ubermenu-submenu > li ul.ubermenu-submenu > li > ul.ubermenu-submenu{padding-top:0;padding-bottom:0;} #main-menu-wraper .accordian li.heading-off > a{display:none;} #main-menu-wraper .accordian ul li > ul{margin-top:1px;} #main-menu-wraper .accordian ul li ul li a{font-size:15px;color:#7a7c83;font-family:"nimbus-sans", sans-serif;text-transform:capitalize;padding:5px 10px;border-bottom:2px solid transparent;} #main-menu-wraper .accordian li.menu-Heading > a{font-family:"trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif;text-transform:uppercase;margin-bottom:15px;font-size:18px;} #main-menu-wraper .accordian li.menu-Heading{margin-top:0;} #main-menu-wraper .accordian li.menu-Heading > a{padding-top:0;} #main-menu-wraper .accordian ul li ul.ubermenu-submenu li a:hover, #main-menu-wraper .accordian ul li ul.ubermenu-submenu li a:focus{color:#b12d2f;border-bottom:2px solid transparent;} /*--------End of Customization For Dropdown navigation----------*/ .branding { text-align: center; margin-top: -23px; background: url('images/branding-bottom.gif') bottom center repeat-x;} .branding a { display: block; width: 25%; height: 120px; background-size: auto 100%; margin: 0 auto; max-width: 216px; padding: 45px 0 0 0; } .branding .logo a img{ max-width: 216px; height: 53px;} .global { color: #858886; font-family: "trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif; text-transform: uppercase; font-size: 70%; letter-spacing: 0.75px; border-bottom: 1px #e8eaeb solid;} .global label, .global input { display: none; visibility: hidden; } .global a { display: block; padding: 29px 20px;} .global a:link, .global a:visited, .global a:hover, .global a:active { border-bottom: 2px solid #FFFFFF; color: #858886; outline: 0; text-decoration: none; -webkit-transition: color 0.5s ease-out; /* Saf3.2+, Chrome */ -moz-transition: color 0.5s ease-out; /* Firefox 4+ */ -ms-transition: color 0.5s ease-out; /* IE10+ */ -o-transition: color 0.5s ease-out; /* Opera 10.5+ */ transition: color 0.5s ease-out; } .global a:hover{ color: #b12d2f; border-bottom: 2px solid #b12d2f; } .accordian { position: relative; display: block; width: auto; height: auto; border-bottom: 1px #e8eaeb solid;} .accordian ul { width: 100%; height: auto; overflow: hidden; position: relative; z-index: 0; text-align: center;} .accordian ul li { width: auto; height: auto; display: inline-block;} .accordian ul li a{ font-size: 11px;} .container-tjb .grid_7 p{font-size:12px; font-family: "acumin-pro-wide", sans-serif; margin-bottom: 10px; color: #fff; line-height: 1.25em; font-weight: 300; letter-spacing: .25px; } .global .accordian ul li.current_page_item a { color: #b12d2f !important; border-bottom: 2px solid #b12d2f;} .global .inner-nav.accordian ul li.current_page_item a { color: #b12d2f !important; border-bottom: none;} .footer { background: #444549; padding: 65px 0px 65px 0px; color: #ffffff; font-size: 76%; margin-top: 20px;} .footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #ffffff; outline: 0; text-decoration: none; -webkit-transition: color 0.5s ease-out; /* Saf3.2+, Chrome */ -moz-transition: color 0.5s ease-out; /* Firefox 4+ */ -ms-transition: color 0.5s ease-out; /* IE10+ */ -o-transition: color 0.5s ease-out; /* Opera 10.5+ */ transition: color 0.5s ease-out; } .footer a:hover, .footer a:focus { color: #af1e2d; } .footer ul.social-footer { width: 100%; height: auto; display: block; overflow: hidden; margin: 0px 0px 20px 0px; } .footer ul.social-footer li { width: auto; height: auto; float: left; display: inline; } .footer ul.social-footer li a { font-size: 0px; line-height: 0; color:#b4b5b6; } .footer ul.social-footer li a:after { color:#b4b5b6; font-family: 'icomoon'; font-size: 40px; padding: 0px 10px 0px 0px; line-height: 45px; } .footer ul.social-footer li:hover a:after { color:#af1e2d; } .footer ul.social-footer li.facebook a:after {content: "\e90b"; } .footer ul.social-footer li.twitter a:after { content: "\e90e"; } .footer ul.social-footer li.linkedin a:after {content: "\e90c"; } .footer ul.social-footer li.youtube a:after {content: "\e907"; } .footer ul.social-footer li.instagram a:after {content: "\e90f"; } .footer ul.social-footer li.pinterest a:after {content: "\e90d"; } .footer .grid_3 ul { font-weight: 400; } .footer .grid_3 ul li { } .footer .grid_3 ul li a { display: inline-block; width: auto; height: auto; padding: 10px 0px; font-family: "acumin-pro-wide",sans-serif; font-size: 12px;} .footer #newsletter form { color: #828282; display: block; margin: 10px 0px 0px 0px; } .footer #newsletter form label { display: none; visibility: hidden; line-height: 0;} .footer #newsletter form input { display: block;font-size: 96%; color: #828282; background: none; padding: 10px; border: 2px #828282 solid; font-weight: bold;text-transform: uppercase; border-radius: 5px; letter-spacing: 1px; margin: 0px 0px 0px 0px; font-family: "acumin-pro-wide", sans-serif; width: 70%; } .footer #newsletter form textarea { font-size: 96%; color: #828282; background: none; padding: 10px; border: 2px #828282 solid; font-weight: bold;text-transform: uppercase; border-radius: 5px; letter-spacing: 1px; font-family: "acumin-pro-wide", sans-serif; width: 70%; margin: 0px 0px 0px 0px; display: block;min-height: 120px; resize: none;} .footer #newsletter form input[type=submit] { font-weight: light; letter-spacing: 6px; text-transform: uppercase; border: 2px solid #c13c4a; font-weight: normal; background: #af1e2d; width: 20%; color: #ffffff; font-family: "trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif; -webkit-appearance: none;-webkit-border-radius: 0;} .footer .grid_16 { margin-top: 40px; margin-bottom: 20px; font-size: 100%; font-family: "trajan-pro-3", Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; text-align: center; letter-spacing: 1px; text-transform: uppercase; line-height: 16px;} .footer h6 {margin-bottom: 50px;font-family: "trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif;} .footer #newsletter .wpcf7-form-control-wrap { position: relative; margin-bottom: 10px; display: block; } .footer #newsletter span.wpcf7-not-valid-tip { color: #c52033; font-size: 1em; display: block; font-family: "nimbus-sans", sans-serif; margin-top: 5px; } .darkgrey-bg .box-wrap h3 .corporate_smallcap { font-family: "nimbus-sans",sans-serif; text-transform: capitalize; font-size: 17px; } .darkgrey-bg .box-wrap h3 .corporate_smallcap p { font-size: 17px !important; } .darkgrey-bg .box-wrap h3 .corporate_smallcap ul.bullets_ul li { margin-bottom: 10px; font-size: 15px; } .filter-wrap a.filter-btn { right: 185px !important; } .filter-wrap a.sort-btn { background: #dde3df; padding: 22px 62px 22px 35px; color: #000; position: absolute; right: 0; top: 40px; font-family: "trajan-pro-3"; font-size: 15px; letter-spacing: 2px; cursor: pointer; margin-left: 20px; } .filter-wrap a.sort-btn:after { content: ''; background: url(images/arrow-down.png) no-repeat; width: 19px; height: 10px; position: absolute; top: 26px; right: 38px; } .filter-wrap a.sort-btn.arrow-up { background: #eef1ef; } .filter-wrap a.sort-btn.arrow-up:after { transform: rotate(180deg); } .sort-menu-div { display: none; margin-bottom: 50px; text-align: right; } .sort-menu-div .sort-menu { display: inline-block !important; margin-bottom: 20px; border-bottom: 4px solid #eef1ef; border-top: 4px solid #eef1ef; padding-bottom: 20px; padding-top: 20px; padding-left: 10px; width: 167px; background: #f7f7f7; } .sort-menu-div .sort-menu > li { position: relative; padding: 0; border-right: 1px solid #eef1ef; box-shadow: none; border-radius: 0; text-align: left; } .sort-menu-div .sort-menu > li h3 { color: #a1a4ad; font-size: 16px; line-height: 20px; letter-spacing: 2px; margin-bottom: 15px; } .sort-menu-div .sort-menu > li ul { font-family: "nimbus-sans", sans-serif; } .sort-menu-div .sort-menu > li ul li label { margin-bottom: 8px; margin-top: 8px; display: inline-block; } .sort-menu-div .sort-menu > li ul li input[type='radio'] { /* Hide the radio input ui */ opacity: 0; display: inline-block; } .sort-menu-div .sort-menu > li ul li label { margin-bottom: 8px; margin-top: 8px; display: inline-block; } .sort-menu-div .sort-menu > li ul li input[type='radio'] + span:before { background: url('images/spritesheetnew.png'); content: ''; display: inline-block; width: 14px; height: 14px; background-position: -132px -263px; padding-left: 18px; vertical-align: middle; } .sort-menu-div .sort-menu > li ul li input[type='radio']:checked + span:before { background: url('images/spritesheetnew.png'); content: ''; display: inline-block; width: 14px; height: 14px; background-position: -155px -263px; padding-left: 18px; vertical-align: middle; } .sort-menu-div .sort-menu > li ul li span { color: #7a7c83; font-size: 15px; font-weight: 100; } .notice { color: #ff0000 !important; font-size: 16px !important; padding: 0 0 20px !important; display: block !important; font-family: "trajan-pro-3" !important; font-size: 14px !important; color: #c52033 !important; text-transform: uppercase !important; font-weight: 700 !important; } .no-pad .notice { padding-bottom: 0px; margin-top: 30px !important; } .content-banner a.readmore-rolexbuttoninbox { margin-left: 64%; padding-left: 10px; padding-right: 10px; margin-top: 50px; } .content-banner a.readmore-rolexbuttoninbox:hover { color: #b12d2f; border: 1px solid #b12d2f; } .content-banner a.readmore-rolexbuttoninbox:after { margin-top: 7px; } .content-banner a.readmore-rolexbuttoninbox:hover:after { border-left: 7px solid #b12d2f; } .readmore-exploreButton { background: #605e5f; color: #fff; padding: 24px 12px; margin-top: 103px; display: inline-block; margin-left: 182px; } .readmore-exploreButton:hover { color: #fff; background: #8c8c8c; } .rolexsection .static-bg-one { background-position: center center; } .rolexsection .box-wrap-static .box-content { margin-left: 43%; padding: 154px 0px 105px; } ul.bullets_ul { list-style-type: disc; text-align: left; margin-top: 15px; margin-left: 20px; } ul.bullets_ul li { text-align: left; margin-bottom: 7px; line-height: 18px; margin-right: 12px; color: #fff; font-size: 10px; } /*ul.bullets_ul li::before { content: "\2022"; margin-right: 10px; font-family: arial; }*/ .darkgrey-bg .box-wrap p { margin-bottom: 0px !important; margin-top: 24px !important; font-family: "trajan-pro-3" !important; font-size: 17px !important; } .filter-menu .category-menu > li ul li { padding-right: 10px; } /* --- remove phone number --- */ a[href^=tel]{ color:inherit; text-decoration:none; } .comingSoon h5 { text-align: center; color: #777777; } html, body { overflow-x: hidden !important; } .rolexsection.left .box-wrap-static .box-content { margin-left: -1%; padding: 160px 0px 105px; } .rolexsection.left .box-content .readmore-exploreButton { margin-left: 20%; } .owl-carousel.owl-drag .owl-item .infographic > div, .owl-carousel.owl-drag .owl-item .infographic > div > figure, .owl-carousel.owl-drag .owl-item .infographic > div > figure .inside-video { height: 100%; } .owl-carousel.owl-drag .owl-item .infographic > div > figure .inside-video { background-color: #000; } /* Offer Model Start */ .tjb-modal .offerModel .modal-dialog { width: 100%; max-width: 1066px; margin-top: 50px; } .tjb-modal .offerModel .modal-dialog .modal-content .modal-body .modal-wrap { height: 768px; position: relative; } .tjb-modal .offerModel .offerImg { position: absolute; left:-100%; z-index: 1; } .tjb-modal .offerModel .offerImg img { width: 100%; height: auto; } .tjb-modal .offerModel .img1 { top: 30px; left: 39px; } .tjb-modal .offerModel .img2 { top: 210px; left: 286px; } .tjb-modal .offerModel .img3 { top: 44px; left: 408px; } .tjb-modal .offerModel .img4 { top: 170px; left: 504px; } .tjb-modal .offerModel .img5 { top: 28px; left: 680px; } .tjb-modal .offerModel .img6 { top: 247px; left: 800px; } .tjb-modal .offerModel .img7 { top: 375px; left: 733px; } .tjb-modal .offerModel .img8 { top: 478px; left: 483px; } .tjb-modal .offerModel .img9 { top: 518px; left: 330px; } .tjb-modal .offerModel .img10 { top: 578px; left: 62px; } .tjb-modal .offerModel .img11 { top: 376px; left: 40px; } .tjb-modal .offerModel .offerTitle { position: absolute; top: 350px; left: 302px; z-index: 3; } .tjb-modal .offerModel .tjb-offer-logo { position: absolute; bottom: 30px; left: 400px; } .tjb-modal .offerModel .tjb-bottom-text { color: #c90b2b; text-transform: uppercase; left: 0px; right: 0px; position: absolute; bottom: 5px; text-align: center; font-family: "trajan-pro-3"; font-size: 12px; } /* Offer Model End */ .breadcBlank { height: 103px; } .partekclass .static-bg-one { height: 450px !important; background-position: center center !important; } .partekclass .box-content { text-align: right !important; } .partekclass .readmore-discovermore { color: #181818; font-style: italic; font-size: 20px; font-weight: bold; font-family: "trajan-pro-3"; display: inline-block; margin-right: -24%; margin-top: 24.2%; border-bottom: 1px solid #181818; } .feat-prod-wrap .product-details .product-brief .price-author .price .red { display: inline; color: #ff0000; } .contact-form .form-inline .form-group label { text-transform: capitalize; display: inline-block; margin-right: 8px; width: auto; } .contact-form .form-inline p { font-family: trajan-pro-3, Constantia, "Lucida Bright", DejaVu, serif; margin-bottom: 30px; color: #c52033; font-size: 17px; line-height: 26px; } .contact-form .form-inline .form-group .form-control { min-height: 30px; width: 250px; } .contact-form .form-inline input[type="submit"].btn.btn-default { letter-spacing: 2px; text-transform: uppercase; border: 2px solid #b32f3d; font-weight: normal; background-color: #c13c4a; width: auto; color: #ffffff; font-family: "trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif; -webkit-appearance: none; padding: 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 34px; vertical-align: top; margin-left: 10px; } .ubermenu > .ubermenu-nav > li.menured > a { color: #ff0000 !important; } .notice .notice-text-center { display: block; text-align: left; margin-top: 10px; } .notice .notice-text-center a { text-decoration: underline; } .notice .notice-text-center a:hover { text-decoration: none; } .news-event-filter .filter-wrap a.filter-btn { right: 0px !important; } #ui-datepicker-div { z-index: 1051 !important; } #datepicker_13 { background-color: #fff; } /* Apply To All Responsive Layouts================================================== */ @media screen and (min-width: 1800px) { .rolexsection .box-wrap-static .box-content { margin-left: 48.5%; padding: 333px 0 150px; } .rolexsection.left .box-wrap-static .box-content { margin-left: 5.7%; } .partekclass .static-bg-one { height: 630px !important; } .partekclass .readmore-discovermore { margin-right: -49.5% !important; margin-top: 43% !important; } } @media screen and (min-width: 1701px) and (max-width: 1799px) { .rolexsection.left .box-wrap-static .box-content { margin-left: 3.5%; } } @media screen and (min-width: 1400px) and (max-width: 1700px) { .rolexsection.left .box-wrap-static .box-content { margin-left: 1%; } .partekclass .static-bg-one { height: 528px !important; } .partekclass .readmore-discovermore { margin-right: -35% !important; margin-top: 30% !important; } } @media screen and (min-width: 1400px) { .readmore-exploreButton { margin-left: 50%; } .rolexsection .box-wrap-static .box-content { padding: 233px 0px 105px; } } @media screen and (max-width: 1280px) { .rolexsection.left .box-wrap-static .box-content { margin-left: 1%; } .partekclass .readmore-discovermore { margin-right: -25.5% !important; margin-top: 21% !important; } } @media screen and (max-width: 1100px) and (min-width: 1000px) { .rolexsection.left .box-content .readmore-exploreButton { margin-top: 180px; } .rolexsection.left .box-wrap-static .box-content { padding: 34px 0px 29px !important; } } @media only screen and (device-width: 768px) { img { max-width: 100%; } } /*-------- Wishlist -------------*/ .wishlist-top {float: right;background: #dde3df;height: 40px;width: 37px;text-align: center;line-height: 40px;padding: 0 0 0 15px;display: none;} .wishlist-top a{display: block;} .wishlist-top.have-items{display: inline-block;} /* #Tablet (Portrait)================================================== */ /* Note: Design for a width of 740px */ .filter-wrap.sale-filter a.filter-btn { right: 0 !important; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .container-tjb { width: 896px; } .global a { display: block; padding: 25px 15px;} } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .container-tjb { width: 970px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .container-tjb { width: 820px; } .logo marquee { padding: 0 20px; display: block; margin-top: -24px; } .top .right { /*top: 153px !important;*/ top: 113.4px !important; } } @media screen and (max-width: 1024px) { .rolexsection .box-wrap-static .box-content { margin-left: 37%; } .rolexsection.left .box-wrap-static .box-content { margin-left: 0; } .rolexsection.left .box-content .readmore-exploreButton { margin-left: -82px; } .partekclass .static-bg-one { height: 340px !important; } .partekclass .readmore-discovermore { margin-right: -12.5% !important; margin-top: 9% !important; } } @media screen and (max-width: 991px) { .rolexsection .box-wrap-static .box-content { margin-left: 24%; } .btn-link.notice { font-size: 12px !important; } .tjb-modal .offerModel .modal-dialog { width: 1066px; margin-top: 20px; -webkit-transform: scale(0.9) !important; -moz-transform: scale(0.9) !important; transform: scale(0.9) !important; margin-left: -4%; } .partekclass .readmore-discovermore { margin-right: -12.5% !important; margin-top: 9% !important; } } /* #Mobile (Portrait)================================================== */ /* Note: Design for a width of 290px */ @media only screen and (max-width: 768px) { .footer h6 {margin-bottom: 30px;font-family: "trajan-pro-3", Constantia, Lucida Bright, DejaVu, serif;color: #82848a;} h6 { font-size: 95%; margin: 0 0 20px; color: #82848a;} .container-tjb { width: 300px; } .container-tjb .grid_1, .container-tjb .grid_2, .container-tjb .grid_3, .container-tjb .grid_4, .container-tjb .grid_5, .container-tjb .grid_6, .container-tjb .grid_7, .container-tjb .grid_8, .container-tjb .grid_9, .container-tjb .grid_10, .container-tjb .grid_11, .container-tjb .grid_12, .container-tjb .grid_13, .container-tjb .grid_14, .container-tjb .grid_15, .container-tjb .grid_16 { width: 300px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .inner-nav .global .accordian ul { background: #e9ebec; } .inner-nav .global .accordian ul li:last-child a { border-top: 0; border-bottom: 0; } .top { display: table; height: 35px;} .top .left { width: 100%; float: none; font-size: 56%} .top .left ul { width: 100%; text-align: center; } .top .left ul li { float: left; display: table; border-right: solid 2px #ffffff; text-align: center; width: 32%;} .top .left ul li:last-of-type{width: 34%;} .top .left ul li a { padding: 0px 0px;} .top .right { float: none; position: absolute; top: 114px; right: 0px; width: 83%; height: 31px; z-index: 1000;} .top .right ul { background: none; margin-right: 87px;padding: 0px 15px 0px 5px;} .top .right ul li a:after { color:#dde3df; line-height: 31px;} .top .right ul .ubermenu-icon{ line-height: 30px; } .top .right ul li{line-height: inherit;} .top .searchbox{right: 42px;} .top form#searchform { height: 100%; right: 42px; padding: 0px 15px 0px 5px;} .top form#searchform input[type=text] { display: block; visibility: visible; line-height: inherit; outline: none; border: none; -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; font-family: inherit; font-size: 85%; } .top form#searchform input::-webkit-search-decoration,orm#searchform input::-webkit-search-cancel-button{display:none;} .top form#searchform input[type=text]{background-image:url('images/search-icon.png');background-repeat:no-repeat;background-size:22px auto;background-position:10px 8px;padding:12px 20px 0px 0px;background-color:rgba(255,255,255,0);width:25px;color:rgba(255,255,255,0);font-size:16px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;} .top form#searchform input[type=text]:focus{background-position:97% center;width:225px;background-color:rgba(244,244,244,1);color:rgba(0,0,0,1);padding:0px 20px;height:100%;vertical-align:middle;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} .customize-support .top .right{top: 159.4px !important;} .top .right .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1){clear:none;} #main-menu-wraper .accordian ul li{width:100%;height:auto;border-bottom:1px solid rgba(221, 227, 223, 0.25);border-top:1px solid rgba(221, 227, 223, 0.25);border-right:none;} .customize-support .top form#searchform{top:1px;} #main-menu-wraper .accordian ul li a{border-bottom:none;color:#858886;outline:0;display:inline-block;padding:23px 40px;font-size:12px;letter-spacing:0.75px;text-align:left;} .top form#searchform input[type=text]:focus ~ input#searchsubmit{height: 31px; background-color: #f4f4f4;} /*--- Drop-Down-navigation----*/ #main-menu-wraper .accordian ul.ubermenu-nav > li{background: #fff;} #main-menu-wraper .accordian ul li a {padding: 23px 40px !important;} #main-menu-wraper .accordian ul li ul li a{padding:20px 30px 20px 70px;} #main-menu-wraper .accordian ul li.ubermenu-active{background: #fcfcfc} #main-menu-wraper .accordian ul li.ubermenu-active > a{color:#b12d2f;} #main-menu-wraper .accordian ul >li>ul.ubermenu-submenu > li ul.ubermenu-submenu{padding-top:0;padding-bottom:0;} #main-menu-wraper .ubermenu .ubermenu-submenu-type-stack>.ubermenu-divider{margin-left:70px;padding:10px 0;} #main-menu-wraper .accordian li.menu-Heading{display:none;} #main-menu-wraper .accordian ul > li > ul.ubermenu-submenu{background:#fff; position: relative; box-shadow: none;} #main-menu-wraper .accordian ul.ubermenu-submenu li.menu-button{margin-top:0;} #main-menu-wraper .accordian ul.ubermenu-submenu li.menu-button a{position:relative;display:block;text-align:center;} #main-menu-wraper .accordian ul.ubermenu-submenu li.menu-button .ubermenu-target-text{display:inline-block;} #main-menu-wraper .accordian ul li > ul.ubermenu-submenu li{border-bottom:none;border-top:none;} #main-menu-wraper .accordian ul li > ul.ubermenu-submenu > li:last-child{border-bottom: 2px solid #ab2b2d; margin-bottom: -1px;} #main-menu-wraper .accordian ul li > ul.ubermenu-submenu > li ul.ubermenu-submenu > li:last-child{border-bottom: 5px solid #fcfcfc; margin-bottom: 0px;} #main-menu-wraper .accordian ul li a:hover, #main-menu-wraper .accordian ul li a:focus{border-bottom: none;} .branding {margin-top: -7px; } .branding a { width: 50%; height: 80px; margin-bottom: 10px; padding: 30px 0 0 0; } .branding .logo a img {max-width: 142px;height: 35px;} .top form#searchform input[type=text]:focus ~ input#searchsubmit { height: 31px; background-color: #f4f4f4; z-index: 100000; } .accordian { width: 100%; height: auto; display: block; margin:0px; position: static; float: none; } .global input#ac-menu { display: none; visibility: hidden; line-height: 0; } /* - - - - - - - - - - - RESPONSIVE GLOBAL NAVIGATION - - */ .global label { display: block; visibility: visible; line-height: 1; width: auto; height: auto; padding: 0px 0px; font-size: 0px; letter-spacing:0px; text-transform: uppercase; color:#c52033; text-align: left;min-height: 27px;} .global label:after { font-family: 'icomoon'; content: "\e905"; font-weight: normal; margin: 0px 0px 0px 0px; color: #c52033; font-size: 25px; display: inline; padding: 0px 0px 0px 10px; } .global input + label { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .global input:checked + label, .global input:checked + label:hover { background-color: rgba(255, 255, 255, 1); color: #FFFFFF; } .global input:checked + label:after { color: #B0B0B0; font-family: 'icomoon'; content: "\e902"; font-size: 18px; padding: 0px 0px 0px 10px; } .remove:after {color: #B0B0B0;font-family: 'icomoon';content: "\e902";font-size: 18px;padding: 0px 0px 3px 10px;font-style: normal;line-height: 27px;display: inline-block;margin-top: -3px; } .global < .global input:checked { background: rgba(61, 87, 106, 1); } .global .accordian { height: 0px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: rgba(255, 255, 255, .9); padding: 0px; margin: 0px 0px 0px 0px; } .global input:checked ~ .accordian { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 100%; width: 100%; overflow: hidden; padding: 0px 0px 0px 0px; } .global input:checked ~ .accordian { margin: 3px 0px 0px 0px; } .global .accordian ul { font-size: 107%; } .global .accordian ul li { width: 100%; height: auto; text-align:left; border-bottom: 1px solid rgba(221,227,223,0.25); border-top: 1px solid rgba(221,227,223,0.25); float: left; border-right: none; } .global .accordian ul li:hover { border-bottom: 1px solid rgba(221,227,223,1); border-top: 1px solid rgba(221,227,223,1); } .global .accordian ul li a { width: auto; display: block; height: auto; padding: 20px; letter-spacing: 0.08em; } .global .accordian ul li a:link, .global .accordian ul li a:visited, .global .accordian ul li a:hover, .global .accordian ul li a:active { color: #858886; outline: 0; text-decoration: none; -webkit-transition: color 0.5s ease-out; /* Saf3.2+, Chrome */ -moz-transition: color 0.5s ease-out; /* Firefox 4+ */ -ms-transition: color 0.5s ease-out; /* IE10+ */ -o-transition: color 0.5s ease-out; /* Opera 10.5+ */ transition: color 0.5s ease-out; } .global .accordian ul li a:hover, .global .accordian ul li a:focus { color:#b12d2f; background: rgba(221,227,223,0.1); } .global .accordian ul li.homelink a { font-size: 0px; } .global .accordian ul li.homelink a:before { font-family: 'icomoon'; content: "\e903"; font-size: 40px; } /*------- Rolex Branding Css ------------*/ .t-hidden-xs{display: none !important;} .t-visible-xs{display: inline-block !important;} /*----------- Wishlist -------------*/ .wishlist-top{ background: #fff; height: 30px; line-height: 30px; } .modal-open .branding-rolex {right: 0 !important;} .modal-open .searchbox{right: 42px !important;} /* - - - - - - - - - - - - - - - - - - - - - */ .top .right ul li { width: auto !important; min-width: inherit !important; float: left !important; } .top .right ul li a { color: #dde3df; } /* - - - - - -Search Bar Mobile - - - - - */ .searchbox-icon, .searchbox-submit{ height: 30px; background-position: 10px 7px; } .searchbox-input{ max-width: 225px; background-color: rgba(244,244,244,1); color: rgba(0,0,0,1); padding: 0px 20px; vertical-align: middle; height: 31px; } .searchbox-open .searchbox-icon, .searchbox-open .searchbox-submit{ height: 30px; line-height: 30px; background-image: url(images/search-icon-dark.png); background-repeat: no-repeat; background-size: 22px auto; background-position: 10px 7px; background-color: #f4f4f4; } .ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1){ clear: none !important; } .footer { } .footer .contactinformation { text-align: center; margin-bottom:40px; padding-bottom: 40px; border-bottom: 1px solid #57585c; } .footer ul.social-footer { text-align: center; } .footer ul.social-footer li { float: none; display: inline-block; } .footer .grid_3 ul { font-weight: 400; } .footer .grid_3 ul li { } .footer .grid_3 ul li a { display: inline-block; width:auto; height: auto; padding: 10px 0px;} .footer #newsletter form { overflow: hidden;} .footer #newsletter form input { padding: 10px; width: 100%; } .footer #newsletter form textarea { width: 100%;} .footer #newsletter form input[type=submit] { width: 45%; margin: 0 auto;} .footer .grid_3 { text-align: center; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #57585c; } .sort-menu-div .sort-menu { margin-right: 6px; } .content-banner a.readmore-rolexbuttoninbox { padding: 7px; width: 50%; margin-left: 58%; margin-top: 50px; } .rolexsection .box-wrap-static .box-content { margin-left: 18%; } .readmore-exploreButton { padding: 14px 10px; } .tjb-modal .offerModel .modal-dialog { -webkit-transform: scale(0.7) !important; -moz-transform: scale(0.7) !important; transform: scale(0.7) !important; margin-left: -19%; } .partekclass .static-bg-one { height: 255px !important; } .partekclass .readmore-discovermore { margin-right: 5.5% !important; margin-top: 0% !important; font-size: 14px !important; } } /* #Mobile (Landscape)================================================== */ /* Note: Design for a width of 420px */ @media screen and (max-width: 767px) { .filter-wrap a.filter-btn { float: left; width: 55%; margin-right: 5%; } .filter-wrap a.filter-btn { right: 0 !important; } .filter-wrap a.sort-btn { float: right; width: 40%; margin-top: 0; background: #dde3df; padding: 10px 20px 10px 20px; position: relative; right: inherit; top: 0; font-size: 10px; text-align: left; margin-left: 0; margin-top: 0px; } .filter-wrap a.sort-btn::after { content: ''; background: url('images/arrow-down-mobile.png') no-repeat; right: -5px; top: 6px; float: right; width: 12px; height: 6px; position: relative; } .sort-menu-div .sort-menu { margin-right: -5px; } .content-banner a.readmore-rolexbuttoninbox { padding: 7px; width: 158px; margin-left: 61%; margin-top: 50px; } .top .right { top: 113.5px !important; } .btn-link.notice { display: block !important; font-size: 10px !important; white-space: normal; } .tjb-modal .offerModel .modal-dialog { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; transform: scale(1) !important; margin-left: 0%; width: 340px; max-width: 98%; margin: 0 auto; text-align: center; } .tjb-modal .offerModel .modal-dialog .offerTitle, .tjb-modal .offerModel .modal-dialog .offerImg, .tjb-modal .offerModel .modal-dialog .tjb-bottom-text, .tjb-modal .offerModel .modal-dialog .tjb-offer-logo { position: static; left: inherit; right: inherit; top: inherit; bottom: inherit; max-width: 100%; margin: 10px 5px; } .tjb-modal .offerModel .modal-dialog .offerTitle img, .tjb-modal .offerModel .modal-dialog .offerImg img, .tjb-modal .offerModel .modal-dialog .tjb-bottom-text img, .tjb-modal .offerModel .modal-dialog .tjb-offer-logo img { max-width: 100%; width: auto; } .tjb-modal .offerModel .modal-dialog .modal-content .modal-body .modal-wrap { height: auto; } .tjb-modal .offerModel .modal-dialog .offerTitle { margin-top: 40px; margin-bottom: 20px; } .tjb-modal .offerModel .modal-dialog .offerImg { margin-bottom: 20px; border-bottom: 1px solid #e8e8e8; } .tjb-modal .offerModel .modal-dialog .tjb-bottom-text { line-height: 22px; } .partekclass .static-bg-one { height: 220px !important; } .partekclass .readmore-discovermore { margin-top: 12% !important; } .contact-form .form-inline .form-group { margin-bottom: 15px; } .contact-form .form-inline input[type="submit"].btn.btn-default { margin-left: 0px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .container-tjb { width: 420px; } .container-tjb .grid_1, .container-tjb .grid_2, .container-tjb .grid_3, .container-tjb .grid_4, .container-tjb .grid_5, .container-tjb .grid_6, .container-tjb .grid_7, .container-tjb .grid_8, .container-tjb .grid_9, .container-tjb .grid_10, .container-tjb .grid_11, .container-tjb .grid_12, .container-tjb .grid_13, .container-tjb .grid_14, .container-tjb .grid_15, .container-tjb .grid_16 { width: 420px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .footer .contactinformation { margin-bottom:40px; padding-bottom: 40px; border-bottom: 1px solid #57585c; } .footer .grid_3 { text-align: center; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #57585c; } .readmore-exploreButton { font-size: 12px; margin-left: 70px; } } @media screen and (max-width: 600px) { .top .right { top: 113px !important; } .partekclass .static-bg-one { height: 192px !important; } } @media screen and (max-width: 480px) { .partekclass .static-bg-one { height: 160px !important; } .partekclass .readmore-discovermore { margin-right: 6.5% !important; margin-top: 8% !important; font-size: 12px !important; } } @media screen and (max-width: 420px) { .content-banner a.readmore-rolexbuttoninbox { padding: 7px; width: 140px; margin-left: 61%; margin-top: 60px; } .rolexsection .box-wrap-static .box-content { padding: 58px 0; } .readmore-exploreButton { font-size: 10px; margin-top: 46px; margin-left: 100px; width: 145px; } .partekclass .static-bg-one { height: 130px !important; } .partekclass .readmore-discovermore { margin-right: 4.5% !important; margin-top: 3% !important; font-size: 11px !important; } } @media screen and (max-width: 360px) { .rolexsection .box-wrap-static .box-content { padding: 32px 0; } .readmore-exploreButton { margin-left: 75px; } .partekclass .static-bg-one { height: 120px !important; } .partekclass .readmore-discovermore { margin-right: 0.5% !important; } } @media screen and (max-width: 330px) { .content-banner a.readmore-rolexbuttoninbox { margin-left: 56%; } .rolexsection .box-wrap-static .box-content { padding: 25px 0; } .readmore-exploreButton { margin-left: 64px; width: 142px; padding: 8px 7px; } .partekclass .static-bg-one { height: 106px !important; } .partekclass .readmore-discovermore { margin-right: -0.5% !important; margin-top: 0% !important; } .partekclass .box-wrap-static .box-content { padding: 40px 0; } } @media screen and (max-width: 1400px) { .rolexsection.left .box-content .readmore-exploreButton { margin-left: 6%; } } @media only screen and (max-width: 1024px) { .rolexsection.left .box-wrap-static .box-content { padding: 34px 0px 105px; } .rolexsection.left .box-content .readmore-exploreButton { margin-left: -141px; } .rolexsection.left .static-bg-one { background-size: 100%; background-repeat: no-repeat; } } @media only screen and (max-width: 768px) { .rolexsection.left .box-wrap-static .box-content { padding: 30px 0px 45px; } .rolexsection.left .box-content .readmore-exploreButton { margin-left: -284px; } .tjb-modal .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha { transform: scale(.88); -webkit-transform: scale(.88); transform-origin: 0 0; -webkit-transform-origin: 0 0; } } @media only screen and (max-width: 767px) { .rolexsection.left .box-wrap-static .box-content { padding: 29px 0px 38px; } .rolexsection.left .box-content .readmore-exploreButton { margin-left: -296px; } .tjb-modal .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha { transform: scale(1); -webkit-transform: scale(1); } } @media only screen and (max-width: 667px) { .rolexsection.left .box-wrap-static .box-content { padding: 6px 0px 38px; } } @media only screen and (max-width: 640px) { .rolexsection.left .box-wrap-static .box-content { padding: 6px 0px 29px; } } @media only screen and (max-width: 420px) { .rolexsection.left .box-wrap-static .box-content { padding: 0; } .rolexsection.left .box-content .readmore-exploreButton { margin-left: -178px; margin-bottom: 7px; } .readmore-exploreButton { padding: 7px 10px; } } @media screen and (max-width: 400px) { .tjb-modal .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha { transform: scale(0.88); -webkit-transform: scale(0.88); } } @media only screen and (max-width: 360px) { .rolexsection.left .static-bg-one { background-size: 116%; } } @media screen and (max-width: 330px) { .rolexsection.left .box-content .readmore-exploreButton { margin-left: -168px; margin-bottom: 7px; font-size: 10px; } .tjb-modal .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); } #wpcf7-f4372-p4371-o3 .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha, #wpcf7-f4372-p4371-o1 .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha { transform: scale(0.88); -webkit-transform: scale(0.88); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .wpcf7-form-control-wrap.menu-766 select.wpcf7-form-control.wpcf7-select.form-control { margin-top: 15px; } } .tjb-modal #myModal-holidaypopup .product-modal .modal-dialog{max-width: 900px;} #myModal-holidaypopup .product-enquiry-box { text-align: center; padding: 30px 0; } #myModal-holidaypopup .product-enquiry-box img{ margin-bottom: 30px; } .tjb-modal #myModal-holidaypopup .modal-dialog .modal-content .modal-body .modal-wrap{ border: 7px solid #d20000 ; } #myModal-holidaypopup .product-enquiry-box p { font-size: 15px; }@media(max-width: 767px){ #myModal-holidaypopup .product-enquiry-box img{max-width: 80%;} #myModal-holidaypopup .product-enquiry-box p { font-size: 14px;} } @media(min-width: 768px) and (max-width: 991px){ .tjb-modal #myModal-holidaypopup .product-modal .modal-dialog{max-width: 90%} }