.modal-dialog { z-index: 9999 }  .modal-dialog button.close { position: absolute; top: 0; right: 5px; opacity: 1; text-shadow: none; z-index: 99; color: #000; padding: 3px 5px; font-size: 20px }  @media only screen and (min-width: 1200px) { .modal-lg { width: 1200px } }  @media only screen and (min-width: 960px) and (max-width: 1199px) { .modal-lg { width: 98% } }  @media only screen and (min-width: 768px) and (max-width: 959px) { .modal-dialog { margin-top: 65px }  .modal-lg { width: 95% } }  @media only screen and (max-width: 767px) { .modal-dialog { margin-top: 65px } }  @media (min-width: 768px) {  .meetMyPricePopup .modal-dialog, .newsletterPopup .modal-dialog { width: 650px; margin: 100px auto }  .meetMyPricePopup.two .modal-dialog { margin: 50px auto } }  @media (min-width: 768px) { .askAQuestionPopup .modal-dialog { width: 738px } }  .askAQuestionPopup .block-2 img { margin: -80px auto 0; max-height: 200px }  .askAQuestionPopup .proImage { border: 1px solid #ccc; height: 280px }  .askAQuestionPopup .proImage img { padding: 10px }  .askAQuestionPopup h2 { margin-top: 0; color: #000; font-size: 18px; text-transform: uppercase }  .askAQuestionPopup h5 { font-size: 12px; margin-top: 22px; color: #454545; margin-bottom: 2px }  .askAQuestionPopup .productCode { font-size: 12px }  .askAQuestionPopup .form-horizontal { margin-top: 10px }  @media (min-width: 960px) { .deliveryProcessPopup .modal-dialog { width: 875px }  .deliveryProcessPopup .col-md-5 { margin-top: 112px } }  .deliveryProcessPopup .deliveryDate { position: absolute; top: 0; bottom: 0; width: 363px; margin: auto; left: 0; right: 0; display: table }  .deliveryProcessPopup .delivery-process-img { width: 100% }  .deliveryProcessPopup .modal-header { background-color: #D0E0EB; color: #444 }  .deliveryProcessPopup .modal-header h3 { font-size: 30px; margin-top: 0; margin-bottom: 0 }  .deliveryProcessPopup .modal-header p { font-size: 14px; margin-bottom: 0 }  .deliveryProcessPopup h4 { font-size: 25px }  .deliveryProcessPopup h5 { font-size: 20px; margin: 0 }  .deliveryProcessPopup hr { border-color: #c81630; margin-top: 10px; margin-bottom: 10px }  @media (min-width: 992px) { .insurancePopup .modal-dialog { width: 960px } }  .modal-content .commonHeading { margin-top: 0; background-color: #c81630; border-color: #c81630; color: #fff; text-transform: uppercase; padding: 5px 15px }  .insurancePopup .modal-body h4 { color: #444 }  .insurancePopup .modal-body>h4:first-child { margin-top: 0 }  .insurancePopup .modal-body p { margin-bottom: 5px }  .insurancePopup .table tr th, .insurancePopup .table tr td { text-align: center }  .insurancePopup .table tr th:first-child { color: #e10f32 }  .insurancePopup .table tr th:first-child, .insurancePopup .table tr td:first-child { text-align: left }  .insurancePopup .table>thead>tr>th, .insurancePopup .table>tbody>tr>td { padding: 5px 8px; line-height: 1; vertical-align: top; border-top: 1px solid #ddd }  .insurancePopup .table thead~thead>tr>th { padding-top: 20px }  .insurancePopup .table .glyphicon-ok { color: #79BDA0 }  .meetMyPricePopup h3.title { color: #c81630; font-size: 44px; text-transform: uppercase; margin: 0 0 10px }  .meetMyPricePopup .modal-header h3.title { color: #fff; margin-bottom: 0 }  .meetMyPricePopup h5 { font-size: 22px; color: #d2322d; margin: 0 }  .meetMyPricePopup a.btn-danger { font-size: 33px; line-height: 1; box-shadow: 0 4px 2px #97201c; margin: 0 0 25px }  .meetMyPricePopup h6 { font-size: 20px; margin: 0 }  .meetMyPricePopup .modal-footer, .meetMyPricePopup .modal-header { text-align: center; background-color: #c81630; color: #fff; padding: 8px 15px }  .meetMyPricePopup .modal-footer .checkbox { padding-left: 0; margin: 0 }  .meetMyPricePopup .modal-footer .checkbox input[type=checkbox] { float: none; margin-left: 0; position: relative; top: 1px }  .notifyMePopup .modal-header, .commonTextPopup .modal-header, .ViewColorCommonPopup .modal-header { border-bottom: 1px solid #D0E0EB }  .meetMyPricePopup.two h6 { margin-bottom: 10px }  .meetMyPricePopup.two .productBlock { margin-bottom: 10px }  .meetMyPricePopup.two .productBlock .block { border: 1px solid #bdbdbd; padding: 10px 5px; height: 76px }  @media (min-width: 768px) { .meetMyPricePopup.two .productBlock .block.two { border-left: 0 }  .meetMyPricePopup .productSection { max-height: 270px; overflow-y: auto; margin-bottom: 10px } }  .meetMyPricePopup.two .productBlock .block.three { border-left: 0 }  .meetMyPricePopup.two .productBlock .block .image { height: 54px }  .meetMyPricePopup.two .productBlock .block img.img-responsive { max-height: 100%; margin: auto }  .meetMyPricePopup.two .productBlock .block p, .meetMyPricePopup.two .productBlock .block .form-group { margin-bottom: 0 }  .meetMyPricePopup.two .productBlock .block p:first-child { margin-bottom: 5px }  .meetMyPricePopup.two .productBlock .block .form-control { height: 26px; padding: 4px 10px; color: #e10f32; text-align: center }  .meetMyPricePopup.two .productBlock .block ::-webkit-input-placeholder { color: #e10f32 }  .meetMyPricePopup.two .productBlock .block :-moz-placeholder { color: #e10f32 }  .meetMyPricePopup.two .productBlock .block ::-moz-placeholder { color: #e10f32 }  .meetMyPricePopup.two .productBlock .block :-ms-input-placeholder { color: #e10f32 }  .meetMyPricePopup.two .productBlock .block input:focus::-webkit-input-placeholder { color: transparent }  .meetMyPricePopup.two .productBlock .block input:focus:-moz-placeholder { color: transparent }  .meetMyPricePopup.two .productBlock .block input:focus::-moz-placeholder { color: transparent }  .meetMyPricePopup.two .productBlock .block input:focus:-ms-input-placeholder { color: transparent }  .meetMyPricePopup.two .bottomBlock .btn { text-transform: uppercase }  .meetMyPricePopup.two .bottomBlock .block1 .btn { padding-left: 45px; position: relative }  .meetMyPricePopup.two .bottomBlock .block1 .btn span { padding: 7px 12px; display: inline-block; background-color: #fff; color: #79bda0; font-size: 25px; line-height: 16px; border: 1px solid #79BDA0; position: absolute; left: 0; top: 0 }  .meetMyPricePopup.two .bottomBlock .block1 .btn:hover { background-color: #fff; color: #79bda0 }  .meetMyPricePopup.two .bottomBlock .block1 .btn:hover span { background-color: #79BDA0; color: #fff }  .meetMyPricePopup.three .modal-body { padding: 35px }  .meetMyPricePopup.three h5 { color: #777; margin-bottom: 10px }  .meetMyPricePopup.three .form-group { margin-bottom: 8px }  .easterNewsletterPopup .section { position: relative; background-color: #000 }  .easterNewsletterPopup .modal-body { padding: 0 }  .easterNewsletterPopup .img-responsive { margin: 0 auto }  .easterNewsletterPopup .block-2 { padding: 15px 20px 15px 10px }  .easterNewsletterPopup .block-2 .input-group { margin: 10px 0 }  .easterNewsletterPopup .bottomImg { position: absolute; bottom: 0; left: 0; right: 0; width: 100% }  .easterNewsletterPopup .btn-danger { background-color: #db1733; border-color: #db1733 }  .easterNewsletterPopup .input-group-btn:last-child>.btn { margin-left: 0 }  @media (min-width: 1200px) { .easterNewsletterPopup .modal-lg { width: 975px }  .easterNewsletterPopup .col-sm-5 { width: 48% }  .easterNewsletterPopup .col-sm-7 { width: 52% }  .easterNewsletterPopup .modal-dialog { margin-top: 100px } }  @media only screen and (min-width: 959px) and (max-width: 1199px) { .easterNewsletterPopup .modal-dialog { margin-top: 150px } }  @media only screen and (min-width: 768px) and (max-width: 959px) { .easterNewsletterPopup .modal-dialog { margin-top: 150px }  .easterNewsletterPopup .block-2 { padding: 5px 20px 23px 10px } }  @media only screen and (max-width: 767px) { .easterNewsletterPopup .block-2 .input-group { display: block }  .easterNewsletterPopup .input-group-btn>.btn { width: 100% } }  .newsletterPopupFull .modal-backdrop { background-color: rgba(0, 0, 0, .99) }  .newsletterPopupFull .modal-backdrop.in { opacity: .98 }  .newsletterPopupFull .modal-content { background-color: transparent; color: #fff; border: 0 }  .newsletterPopupFull .mainContent .title { font-size: 90px; margin: 0 }  .newsletterPopupFull .mainContent h4 { font-size: 38px; margin: 18px 0 15px }  .newsletterPopupFull .mainContent h3 { font-size: 36px; margin: 0 0 15px }  .newsletterPopupFull .mainContent .onTopTxt { top: -19px; position: relative }  .newsletterPopupFull .mainContent p { font-size: 25px }  .newsletterPopupFull .mainContent .cusInfoShare { font-size: 16px; color: #fff; line-height: 1 }  .newsletterPopupFull .mainContent .form-horizontal { margin: 10px 0 }  .newsletterPopupFull .mainContent .form-group { margin: auto }  .newsletterPopupFull .mainContent .form-horizontal~.form-group { max-width: 500px }  .newsletterPopupFull .mainContent .form-control { height: auto; font-size: 20px; margin-bottom: 8px; padding: 10px 15px 12px; line-height: 1; background-color: #fff; border: 2px solid #fff }  .newsletterPopupFull .mainContent .form-group label { display: block; text-align: left; font-size: 19px; margin-bottom: 0; color: #fff }  .newsletterPopupFull .mainContent .btn { font-size: 25px }  .newsletterPopupFull .modal-dialog button.close { color: #fff }  .newsletterPopupFull hr { border-top: 1px solid #fff }  .newsletterPopupFull .mainContent .Vcode { font-size: 36px; margin-top: 14% }  .newsletterPopupFull .mainContent .Vcode>span { font-size: 65px; border: 1px dashed; padding: 12px 20px 0; display: inline-block; line-height: 1; margin-top: 12px }  .priceBeatPopup .modal-dialog { height: auto !important; margin: 20px auto !important; position: relative !important }  .priceBeatPopup .modal-body h1 { font-size: 65px }  .priceBeatPopup .modal-body h1 img { vertical-align: top; margin-top: 13px }  .priceBeatPopup .modal-body h2 { background: #7dbd58; color: #000; font-size: 54px; padding: 10px; margin-top: 5px }  .priceBeatPopup .modal-body .alternativeFreeSec ul { border: 2px solid #7dbd58; padding: 10px }  .priceBeatPopup .modal-body .alternativeFreeSec ul .firstLeft { font-size: 27px; color: #7dbd58 }  .priceBeatPopup .modal-body .alternativeFreeSec ul .callPhone span { font-size: 25px }  @media (min-width: 960px) { .newsletterPopupFull .modal-dialog { width: 900px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 515px }  .newsletterPopupFull .mainContent h3>span { font-size: 62px } }  @media (min-width: 1300px) { .newsletterPopupFull .modal-dialog { width: 1000px }  .newsletterPopupFull .mainContent h3>span { font-size: 70px } }  @media only screen and (min-width: 768px) and (max-width: 959px) { .newsletterPopupFull .mainContent h3 { font-size: 58px; margin: 0 }  .newsletterPopupFull .mainContent h4 { font-size: 36px }  .newsletterPopupFull .mainContent .onTopTxt { top: 0 } }  @media only screen and (max-width: 767px) { .newsletterPopupFull .mainContent h4 { font-size: 27px }  .newsletterPopupFull .mainContent h3 { font-size: 28px }  .newsletterPopupFull .mainContent p { font-size: 12px }  .newsletterPopupFull .mainContent .form-control, .newsletterPopupFull .mainContent .btn { font-size: 20px }  .newsletterPopupFull .mainContent .onTopTxt { top: 0 } }  .newsletterPopup .modal-body { padding: 5px; background-color: #eaeded; color: #000 }  .newsletterPopup .mainContent { border: 2px solid #202020; padding: 25px 50px }  .newsletterPopup .mainContent h4 { margin: 0; font-size: 40px }  .newsletterPopup .mainContent h5 { margin: 0 0 5px; font-size: 20px; font-weight: 700 }  .newsletterPopup .mainContent h3 { margin: 0; font-size: 47px; color: #d2322d }  .newsletterPopup .mainContent .input-group .form-control { box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .2) }  .newsletterPopup .redBand { position: relative; height: 96px }  .newsletterPopup .redBand img { position: absolute; left: -87px; right: -15px; width: 708px; top: 5px }  @media only screen and (min-width: 1200px) { .newsletterPopup .modal-dialog { margin: 155px auto 0 } }  @media only screen and (max-width: 959px) { .newsletterPopup.modal .modal-dialog { width: 300px; margin-left: auto; margin-right: auto } }  @media only screen and (min-width: 640px) and (max-width: 767px) { .newsletterPopup .redBand img { left: -83px; width: 610px } }  @media only screen and (min-width: 480px) and (max-width: 639px) { .newsletterPopup .redBand img { left: -76px; width: 436px }  .newsletterPopup .mainContent h4 { font-size: 26px }  .newsletterPopup .redBand { height: 66px } }  @media only screen and (max-width: 479px) { .newsletterPopup .redBand img { left: -36px; width: 310px }  .newsletterPopup .mainContent { padding: 25px 15px 10px }  .newsletterPopup .mainContent h4, .newsletterPopup .mainContent h3 { font-size: 30px }  .newsletterPopup .mainContent p { font-size: 13px }  .newsletterPopup .mainContent .input-group .btn-danger { font-size: 14px; width: 100%; margin-left: 0 }  .newsletterPopup .mainContent .input-group { display: block }  .newsletterPopup .mainContent .input-group .form-control { height: 34px; font-size: 14px }  .newsletterPopup .mainContent h4 { font-size: 18px }  .newsletterPopup .redBand { height: 66px }  .newsletterPopup .mainContent .btn { font-size: 14px }  .newsletterPopup.modal .modal-dialog { padding: 0 8px; margin-top: 55px } }  .boxingDayPop .modal-body { background: #191917 url(../img/spring17/insidepop/bg.jpg) left bottom }  .boxingDayPop .mainContent h4 { color: #fff; font-size: 27px; margin: 18px 0 5px }  .boxingDayPop .mainContent .checkbox-label label { font-size: 15px !important }  .boxingDayPop .mainContent .form-group label { font-size: 13px; color: #fff; text-align: center }  .boxingDayPop .mainContent .form-group p { color: #fff; font-size: 18px; padding: 30px 10px 0 }  .boxingDayPop .mainContent .form-control { font-size: 13px; border: 1px solid #717171 }  .boxingDayPop .mainContent .checkbox+.checkbox { margin-left: 15px }  .boxingDayPop .mainContent .innerarea { padding: 55px 0 37px }  .boxingDayPop .mainContent .form-horizontal~.form-group { max-width: none }  .boxingDayPop .mainContent .form-group .btn-block { width: auto; margin-left: auto; margin-right: auto }  .boxingDayPop .mainContent .form-group .btn-success { background: url(../img/spring17/btn-bg.jpg); border: 0; padding: 6px 30px }  .boxingDayPop .popupfooter { padding: 0 0 10px }  .boxingDayPop .popupfooter a { color: #fff; font-size: 13px }  .boxingDayPop .modal-dialog button.close { color: #fff }  @media (min-width: 960px) { .boxingDayPop .modal-dialog { height: 560px } }  .boxingDayPopTwo .modal-body { background: #1a1a18 url(../img/newsAug17/bg.jpg) center bottom repeat-x }  .boxingDayPopTwo .redBand { height: 135px; margin-top: 0 }  .boxingDayPopTwo .redBand img { left: -82px; right: auto; width: auto; top: 5px }  .boxingDayPopTwo .mainContent { padding: 15px 50px; border: 0 }  .boxingDayPopTwo .mainContent .btn { padding: 0; border: 0 }  .boxingDayPopTwo .mainContent .btn:hover { opacity: .6 }  .boxingDayPopTwo .mainContent p { margin-bottom: 3px }  .boxingDayPopTwo .mainContent .blue { margin-bottom: 15px }  .boxingDayPopTwo .mainContent .codeTxt { position: relative; display: inline-block }  .boxingDayPopTwo .mainContent .codeTxt span { position: absolute; font-size: 30px; top: 0; bottom: 16px; left: 15px; right: 0; padding: 6px }  @media (min-width: 768px) { .boxingDayPopTwo .modal-dialog { width: 991px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 640px } }  @media (min-width: 959px) { .boxingDayPopTwo .modal-dialog { width: 954px }  .boxingDayPopTwo .redBand img { width: 1005px } }  @media only screen and (max-width: 959px) { .boxingDayPopTwo.modal .modal-dialog { width: 685px }  .boxingDayPopTwo .redBand img { left: -75px; width: 721px }  .boxingDayPopTwo .redBand { height: 140px } }  @media only screen and (max-width: 479px) { .boxingDayPopTwo.modal .modal-dialog { width: 345px; margin-top: 85px }  .boxingDayPopTwo .mainContent { padding: 43px 15px 31px }  .boxingDayPopTwo .redBand img { left: -30px; width: 346px }  .boxingDayPopTwo .redBand { height: 70px }  .boxingDayPopTwo label { position: relative; margin-top: 15px; background-color: #2a2a2a; display: block }  .boxingDayPopTwo .mainContent .codeTxt span { font-size: 22px; bottom: 16px; left: 15px; padding: 4px; letter-spacing: 3px } }  .notifyMePopup .login-page .main-section { padding: 10px }  #prepaidReturnPopup h3 { margin-top: 0 }  @media (min-width: 960px) {  .volumeDiscoutPopup .modal-dialog, .whyCFSPopup .modal-dialog, .pricePromicePopup .modal-dialog, .whiteGlovePopup .modal-dialog { width: 950px } }  @media (min-width: 1200px) {  .volumeDiscoutPopup .modal-dialog, .whyCFSPopup .modal-dialog, .pricePromicePopup .modal-dialog, .whiteGlovePopup .modal-dialog { width: 1024px; top: 0; bottom: 0; position: absolute; left: 0; right: 0; margin: auto }  .pricePromicePopup .modal-dialog { height: 599px }  .whyCFSPopup .modal-dialog { height: 398px }  .whiteGlovePopup .modal-dialog { height: 530px }  .volumeDiscoutPopup .modal-dialog { height: 383px } }  .volumeDiscoutPopup .mainContent, .whyCFSPopup .mainContent, .pricePromicePopup .mainContent, .whiteGlovePopup .mainContent { position: absolute; top: 30px; right: 30px }  .volumeDiscoutPopup .mainContent hr, .whyCFSPopup .mainContent hr, .pricePromicePopup .mainContent hr, .whiteGlovePopup .mainContent hr { margin: 10px 0; border-top-color: #757677 }  .volumeDiscoutPopup .contactOpt, .whyCFSPopup .contactOpt, .pricePromicePopup .contactOpt, .whiteGlovePopup .contactOpt { padding: 12px 0 }  .volumeDiscoutPopup .contactOpt>img, .whyCFSPopup .contactOpt>img, .pricePromicePopup .contactOpt>img, .whiteGlovePopup .contactOpt>img { margin-left: 15px }  .pricePromicePopup .mainContent { top: 15px }  .pricePromicePopup .btn-info { color: #fff; background-color: #897B79; border-color: #877A77 }  .pricePromicePopup .btn-info:hover { background-color: #2E2E2D; border-color: #2E2E2D }  @media (max-width: 959px) {  .volumeDiscoutPopup .mainContent>img, .whyCFSPopup .mainContent>img, .pricePromicePopup .mainContent>img, .whiteGlovePopup .mainContent>img { width: 100% }  .volumeDiscoutPopup .mainContent, .whyCFSPopup .mainContent, .pricePromicePopup .mainContent, .whiteGlovePopup .mainContent { position: inherit; top: 0; right: 0 } }  @media (max-width: 370px) {  .volumeDiscoutPopup .mainContent, .whyCFSPopup .mainContent, .pricePromicePopup .mainContent, .whiteGlovePopup .mainContent { width: auto } }  .whyCFSPopup .contactOpt, .pricePromicePopup .contactOpt, .whiteGlovePopup .contactOpt { background-color: rgba(0, 0, 0, .8) }  .whyCFSPopup .mainContent hr, .pricePromicePopup .mainContent hr, .whiteGlovePopup .contactOpt hr { border-top-color: #fff }  .whyCFSPopup .contactOpt img, .pricePromicePopup .contactOpt img, .whiteGlovePopup .contactOpt img { margin-right: 15px }  .pricePromicePopup .formSection { background-color: rgba(255, 255, 255, .88); padding: 16px 10px }  @media (max-width: 1199px) { .pricePromicePopup .formSection { background-color: rgba(255, 255, 255, .88); padding: 14px 10px }  .form-group { margin-bottom: 7px } }  @media (min-width: 768px) { .rauchAssemblyPopup .modal-dialog { width: 700px }  .rauchAssemblyPopup .outsideModalTxt { position: absolute; top: -25px; left: 20px; color: #fff } }  .rauchAssemblyPopup .modal-body { padding: 0 }  .rauchAssemblyPopup .modal-body .bold { color: #444 }  .rauchAssemblyPopup [class*="block-"] { padding: 10px 40px }  .rauchAssemblyPopup h2 { color: #c81630; text-transform: uppercase; font-size: 38px }  .rauchAssemblyPopup .block-2, .rauchAssemblyPopup .bottomSection { background-color: #c81630; color: #fff }  .rauchAssemblyPopup .block-2 p { font-size: 20px; margin-bottom: 0 }  .rauchAssemblyPopup .bottomSection p { font-size: 20px }  .rauchAssemblyPopup .bottomSection p span { background-color: #fff; color: #c81630; padding: 4px 7px; border-radius: 50%; margin: 0 5px; width: 36px; height: 36px; display: inline-block }  @media (min-width: 768px) { .modal-dialog { width: 720px; margin: 30px auto } }  .ViewColorCommonPopup .modal-title { font-size: 24px; color: #000 }  .ViewColorCommonPopup .modal-body { padding-right: 0 }  .ViewColorCommonPopup .modal-body .colorSection { max-height: 500px; overflow: auto; padding-right: 20px }  @media only screen and (min-width: 1800px) { .ViewColorCommonPopup .modal-body .colorSection { max-height: 775px } }  .ViewColorCommonPopup .modal-body .colorSection .col-xs-6.col-sm-3 { width: 33.3333% }  .ViewColorCommonPopup .modal-body .image { position: relative; height: 165px; }  .ViewColorCommonPopup .block .radio { text-align: center; margin: 0 0 0; min-height: inherit; padding: 0; } .ViewColorCommonPopup .block .radio label{ padding-left: 0; }  .ViewColorCommonPopup .block .radio input[type=radio] { float: none; width: 15px; height: 15px }  .ViewColorCommonPopup .modal-body .block { border: 5px solid transparent; padding: 8px; border-radius: 4px }  .ViewColorCommonPopup .modal-body .section-2 .btn { margin-top: 10px }  .ViewColorCommonPopup .modal-body .border { border: 1px solid #D0E0EB; position: relative; border-radius: 4px; margin-bottom: 10px }  .ViewColorCommonPopup .modal-body .block:hover { /* border: 1px solid #e2e1e1; */ }  .ViewColorCommonPopup .modal-body .block p { margin-bottom: 0; text-align: center; overflow: hidden; color: #000 } .ViewColorCommonPopup .modal-body .block p:nth-child(1){ font-weight: bold; margin-bottom: 5px; }  .ViewColorCommonPopup .modal-body .block p.price { height: auto; }  .modal-header { position: relative; background-color: #efefef; padding-right: 55px }  .deliveryChargesPopup .modal-header { background-color: #eaeded; padding-top: 18px }  .deliveryChargesPopup .modal-header .modal-title { font-size: 24px; color: #000 }  .deliveryChargesPopup .modal-header .modal-title, .deliveryChargesPopup .modal-header .readMore { text-transform: uppercase; display: inline-block; line-height: 1 }  .deliveryChargesPopup .modal-header .readMore { color: #fff; background-color: #b3b3b3; padding: 3px 7px; font-size: 12px; top: -3px; text-decoration: none; position: relative }  .deliveryChargesPopup .modal-body { padding: 15px 9px }  .deliveryChargesPopup .block .table { margin-bottom: 0 }  .deliveryChargesPopup .block td { vertical-align: middle; text-align: left }  .deliveryChargesPopup .block:first-child tr td { border-top: 0 }  .deliveryChargesPopup .block img { max-width: 50px }  .deliveryChargesPopup .block h5 { margin: 0; font-size: 14px }  .deliveryChargesPopup .block p { margin-bottom: 0 }  @media only screen and (min-width: 960px) and (max-width: 1199px) { .ViewColorCommonPopup .modal-body .block p { font-size: 13px } }  @media (max-width: 767px) { .deliveryChargesPopup .modal-header .modal-title { font-size: 16px }  .deliveryChargesPopup .modal-header .readMore { font-size: 12px; padding: 3px }  .deliveryChargesPopup .block td img { width: 45px }  .deliveryChargesPopup .block h5 { font-size: 16px }  .deliveryChargesPopup .block p { font-size: 12px }  .ViewColorCommonPopup .modal-body .block p { font-size: 13px } }  @media (min-width: 960px) { .deliveryChargesPopup .modal-dialog { width: 950px } }  @media (min-width: 1200px) { .deliveryChargesPopup .modal-dialog { width: 1024px }  .deliveryChargesPopup .block td:first-child { width: 68px } }  @media (min-width: 992px) { .contact-page .modal-dialog { margin-top: 8px; margin-bottom: 0; width: 900px } }  @media (min-width: 1200px) { .askAQuestionPopup .modal-dialog { width: 1000px }  .askAQuestionPopup .modal-dialog { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 450px } }  .modal.callbackSlide.fade:not(.in) .left .modal-dialog { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0) }  .callbackSlide .modal-dialog { position: fixed; left: 0; top: 0; z-index: 999999; height: 100%; overflow-y: auto; background-color: #fff; overflow-x: hidden; width: 340px; margin: 0 }  .callbackPopup .modal-header { background-color: #e7e7e7; padding: 17px 15px 12px }  .callbackPopup .modal-header h3 img { margin-top: -3px }  .callbackPopup .modal-header h3 { text-transform: uppercase; margin: 0; font-size: 26px }  .callbackSlide .modal-body { position: relative; padding: 15px 5px 15px 15px }  .callbackPopup .form-group { margin-bottom: 10px }  .callbackPopup .radio { margin-top: 0; margin-bottom: 0; padding: 8px 0 7px 20px }  .callbackPopup input[type=radio] { margin-top: 0; position: absolute; top: 2px; left: 0; min-height: 10px }  .callbackPopup .gCaptcha { margin-bottom: 10px }  .callbackPopup .strInfo { margin-top: 15px; text-align: center }  .callbackPopup .strInfo .phnNo { color: #143f62; font-size: 28px }  .callbackPopup .address p.bold { font-size: 18px; margin-bottom: 5px }  .callbackPopup .address { font-size: 16px }  .callbackPopup .col-xs-4 label { margin-top: 8px; padding: 0 }  @media only screen and (min-width: 1200px) { .callbackPopup .modal-dialog { width: 900px } }  @media only screen and (min-width: 960px) and (max-width: 1199px) { .productConfigPopup .materials li { width: 49% }  .productConfigPopup .materials { margin-right: 0 } }  @media only screen and (max-width: 959px) { .ViewColorCommonPopup .modal-header { padding: 5px 8px }  .ViewColorCommonPopup .modal-body { padding: 8px 0 8px 8px }  .ViewColorCommonPopup .modal-body .colorSection { padding-right: 8px; max-height: 500px }   .askAQuestionPopup .block-2 img { margin-top: 0 }  .askAQuestionPopup .form-horizontal .form-group .col-sm-6+.col-sm-6 { margin-top: 15px }  .meetMyPricePopup.two .productBlock .block { height: 90px }  .rauchAssemblyPopup .outsideModalTxt { padding: 10px 40px; margin-bottom: 0 }  .rauchAssemblyPopup h2 { font-size: 26px; margin-top: 0 }  .rauchAssemblyPopup .bottomSection p, .rauchAssemblyPopup .block-2 p { font-size: 14px; text-align: left }  .cartExitPopup h4 { font-size: 28px }  .cartExitPopup h5 { font-size: 18px; margin: 18px -8px 8px }  .cartExitPopup .input-group { width: 100% }  .cartExitPopup .input-group-btn { white-space: normal; width: 100%; display: block }  .cartExitPopup .input-group-btn>.btn { display: block; width: 100% } }  @media only screen and (max-width: 767px) { .ViewColorCommonPopup .modal-body .colorSection .col-xs-6.col-sm-3 { width: 100% } }  @media only screen and (min-width: 480px) and (max-width: 639px) { .insurancePopup .modal-dialog { padding: 0; margin-top: 10px }  .meetMyPricePopup h3.title { font-size: 36px }  .meetMyPricePopup.three .modal-body { padding: 35px 50px } }  @media only screen and (max-width: 479px) { .meetMyPricePopup.two .bottomBlock .col-xs-6 { width: 100% }  .cartReminderPopup .modal-body h3 { font-size: 34px }  .cartReminderPopup .modal-body h5 { font-size: 17px }  .cartReminderPopup .modal-body h6 { font-size: 15px }  .cartReminderPopup .modal-body a.btn { font-size: 13px; padding: 8px 12px }  .cartReminderPopup .modal-body a.btn .caret { right: 15px }  .cartReminderPopup .modal-body .timeAvail p { font-size: 12px }  .insurancePopup { font-size: 13px }  .meetMyPricePopup h3.title { font-size: 25px }  .meetMyPricePopup h5, .meetMyPricePopup h6 { font-size: 14px }  .meetMyPricePopup a.btn-danger { font-size: 20px; margin: 8px 0 25px }  .meetMyPricePopup .modal-footer { padding: 8px 10px; font-size: 13px }  .meetMyPricePopup.two .bottomBlock .block1 .btn { width: 100%; margin-bottom: 5px }  .meetMyPricePopup.two .bottomBlock .block2 .btn { width: 49%; float: left }  .meetMyPricePopup.two .bottomBlock .block2 .btn:nth-child(2) { margin-left: 2% }  .meetMyPricePopup.three .modal-body { padding: 25px }  .deliveryProcessPopup .deliveryDate { width: 155px }  .deliveryProcessPopup h5 { font-size: 12px; }  .deliveryProcessPopup h4 { font-size: 18px; }  .deliveryProcessPopup .modal-header h3 { font-size: 20px; margin-bottom: 5px; }  .deliveryProcessPopup .modal-header p { font-size: 12px; } }  @media only screen and (max-width: 375px) { .cartExitPopup .modal-body>img { width: 55px; } }  .newsletterCodePopup .modal-body { padding: 10px; }  .newsletterCodePopup img { margin-left: auto; margin-right: auto }  .newsletterCodePopup .sec1>img { width: 100%; max-height: 100%; position: static !important }  .newsletterCodePopup .sec1 { height: auto !important }  .newsletterCodePopup .sec2>img { margin-bottom: 15px }  .newsletterCodePopup .sec2 .form-group { margin-bottom: 8px }  .newsletterCodePopup .sec2 .btn { font-size: 20px; letter-spacing: 2px }  .newsletterCodePopup .noThnxTxt { font-size: 12px; display: block; text-align: center; margin-top: 10px }  .newsletterCodePopup .codeArea { position: relative; font-size: 12px; text-align: center; margin-top: 80px; padding-top: 6px }  .newsletterCodePopup .codeArea p { display: inline-block; line-height: 45px; vertical-align: middle; margin-bottom: 0 }  .newsletterCodePopup .codeArea .Vcode { font-size: 35px; color: #3c7ba6; margin-left: 15px }  .newsletterCodePopup .codeSection { margin-top: 30px }  .newsletterCodePopup .formBlock label { margin-top: 15px }  .waitPop .modal-body { border: 2px solid #d50f43 }  @media (min-width: 1200px) { .newsletterCodePopup .modal-dialog { width: 1100px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 465px }  .waitPop .modal-body { border-width: 25px } }  @media (min-width: 1366px) { .newsletterCodePopup .modal-dialog { width: 1300px; height: 505px }  #newsletterCodePopup2 .modal-dialog { width: 800px }  .newsletterCodePopup.three .modal-dialog { width: 1150px; height: 585px }  .newsletterCodePopup.three .sec1>img { padding-right: 18px }  .newsletterCodePopup.three .sec2>img { margin-top: 28px } }  @media only screen and (min-width: 960px) and (max-width: 1199px) { .newsletterCodePopup .modal-dialog { width: 95%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 450px; height: 535px } }  @media only screen and (max-width: 959px) { .newsletterCodePopup .modal-dialog { margin-top: 80px }  .newsletterCodePopup .sec1>img { margin-bottom: 15px } }  @media only screen and (max-width: 767px) { .newsletterCodePopup .sec2 .btn { font-size: 100% } }  @media screen and (min-device-width: 1600px) and (max-device-width: 1920px) { #newsletterPopupId.newsletterCodePopup .modal-dialog { height: 583px; transform: translate(0, -5%) !important }  header .topSection .topSecTwo li.extra.user { margin-left: 7px } }  .ViewColorCommonPopup .modal-body .block { width: 100%; }  .ViewColorCommonPopup .modal-body .border { display: flex; align-items: center; justify-content: space-between; }