/* Mobile Landscape View End ================================ */ /*--------------------------------------*/ /* Mobile Portrait View Start ================================ */ @media only screen and (min-width: 0px) and (max-width: 280px){ body{ width:280px !important; background: none !important; } .container, .wrapper, .top-part, .inner_header, .logo, .content_area, .nav_part{ width:100% !important; display: inline-block !important;} .top-part{ background-size: 99% 40px !important; height: auto !important;} .online_quote{ width:100% !important; float:left !important; display: inline-block !important; margin:0px 0px 0px 4% !important; height: auto !important; } .wrapper .content{ width:100% !important; float:left !important; display: inline-block !important; margin:0 auto !important} .logo{ width: 100% !important; margin:10px 0px 0px 0px !important; float:left !important; display: inline-block !important; } .logo a{ margin:0px 0px 0px 9% !important; display: inline-block !important; } .inner_header{ height: auto !important;} .cssmenu{ width: 100% !important; float:left !important; display: inline-block !important;} /* -- content -- */ .content{ background-size: 99% 16px !important; padding-top:6px;} .content_area{ width: 100% !important; float:left !important; display: inline-block !important; } .content_area div:first-child{ float:left !important; text-align: center !important; width:88% !important; margin:10px 0px;} .app_store{ width:88% !important;} /* --- slider code --- */ .banner_slider{ width: 100% !important; float:left !important; display: inline-block !important;} #jslidernews1{ width: 90% !important; float:left !important; display: inline-block !important; border: none !important; height:200px !important; text-align: center !important; margin: 0px 15px} /* .main-slider-content{ width: 100% !important; float:left; display: inline-block !important; height: auto !important;} */ .sliders-wrap-inner li img{ width:100% !important;} /* --- slier code ends here --- */ /* -- content ends here -- */ /* -- bottom part -- */ .banner_slider #jslidernews1 div:last-child{ border-top:0px solid #000 !important; margin:0px; padding:0px;} /*.banner_slider div:last-child{ width:100% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 15px; padding-top:15px; border-top:1px solid #C50042 !important;} */ #product_process_content{ width:111% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px; padding-top:15px; border-top:1px solid #C50042 !important;} #product_process_content .r_pro_img_part{ width:100% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 15px; padding-top:15px; border-top:1px solid #C50042 !important;} .home_section{ width:100% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px; padding-top:15px; border-top:1px solid #C50042 !important;} .banner_slider div a img{ width:100% !important; } .banner_slider div a{ margin:8px 0px !important; display: inline-block !important; float:left !important; width:89% !important; text-align: center !important; margin:8px 0px 8px 6% !important; } /* -- bottom part ends here -- */ /* -- footer --*/ .bottom-part{ width: 100% !important; float:left !important; display: inline-block !important; background-size: 99% 16px !important;} /* -- footer ends here -- */ /* -- color page -- */ #boxes #page_content{ display:none !important;} .banner_slider div.block { border-top:0px !important; margin:0px !important; padding:0px;} .banner_slider div.l_pri_block{ border-top:0px !important; margin:0 5px !important; padding:0px;} .banner_slider div:last-child div.l_pri_block div{ border:0px !important; } div.block .l_pri_block{ width:100% !important;} #content_1{ margin:0px 10px; width: 80% !important;} #content_1 .product_col_box a{ width:130% !important; height:auto !important;} #content_1 .product_col_box a img{ width:100% !important; height: auto !important;} /* -- color page ends here -- */ /* --- contact us form --- */ .block{ display: inline-block !important;} .block .quote_txt{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; ; padding-bottom:10px;} .block #frm_contact{ display: inline-block !important; float:left ; width:90% !important;} .block #frm_contact .quot_form{ width:100px !important; margin:0px 10px !important; border:none !important; display:inline-block !important;} .banner_slider div:last-child .quot_form{ width:100% !important; float:left !important; display: inline-block !important;} #frm_contact .quot_form div{ width: 40% !important; float:left !important;} #frm_contact .quot_form .l_form_part, #frm_contact .quot_form .r_form_part{ width:75% !important; margin:10px 15px !important; display:inline-block !important;} #frm_contact .quot_form .r_form_part{ border:none !important; padding-top:0px !important;} .banner_slider div:last-child #frm_contact .quot_form div{ width:53% !important; margin:10px 15px !important;} .banner_slider div:last-child #frm_contact .quot_form div table{ width:75% !important; max-width:40% !important; float:left !important ;} .banner_slider div:last-child #frm_contact .quot_form div table tr td{ width:75% !important; float:left !important;float:left !important; text-align: left !important; margin-bottom:10px !important; min-width:260px !important;} .banner_slider div:last-child #frm_contact .quot_form div table tr td input.textbox, .banner_slider div:last-child #frm_contact .quot_form div table tr td .textarea{ min-width:216px !important; max-width:216px !important; width:260px !important;} /* --- contact us form --- */ /* --- contact us page --- */ .block .contact_part{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; ; padding-bottom:10px; } .contact_part{ width:95% !important; margin:0px 10px !important; border:none !important; border:0px !important;} .contact_part div{ width: 30% !important; float:left !important;} .contact_part .map_part, .contact_part .add_part{ width:45% !important; margin:0px 15px !important; } .contact_part .map_part{ margin: 0px !important;} .contact_part .add_part{ border:none !important; padding-top:0px !important; float:left !important; text-align: left !important;} .contact_part .add_part div , .contact_part .add_part div p, .banner_slider div span{ width: 100% !important; display: inline-block !important; height: auto !important; text-align: left !important;} .banner_slider div a{ height: auto !important;} .banner_slider div .add_part span a{ width:auto !important; float:left !important; text-align: left !important;} .block .contact_part .add_part .add_title{ border: none !important;} .contact_part div:last-child{ border:none !important;} .contact_part div.contact_part{border:none !important;} .map_part, .add_part{ width:40% !important;height: auto !important; min-height: auto !important; max-height: auto !important; margin:0px 15px !important; min-width:85% !important; max-width:85% !important;} .map_part{ height: auto !important; min-height: 180px !important; max-height: 180px !important; margin-left : 10px !important; } .map_part img{ width: 100% !important; height: 180px !important;} /* --- contact us page --- */ /* -- eco page --*/ .r_pro_img_part{ margin-left:0px !important;} .r_pro_img_part img{ width: 213px !important; height: auto !important; min-height: auto !important;} /* -- eco page ends here --*/ /* -- galery page -- */ .banner_slider div:last-child .portfolio-content, .portfolio-content{ width: 100% !important; float: left !important; border-top: 0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child ul li.portfolio-item2 div{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child ul li.portfolio-item2 div span{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child .column-clear{ border-top:0px !important;} .banner_slider div .portfolio-categ li a{ width: auto !important; } .portfolio-area li{ width:210px !important;} ul.portfolio-categ{ display:inline-block !important; float:left !important; width:92% !important;} .banner_slider div span.image-block a img{ height: 120px !important; width: 143px !important;} /* -- gallery page ends here -- */ /* -- product page --*/ .content_area .banner_slider .product_submenu{ height: 200px !important; width:95% !important; margin-left:10px !important; padding-bottom:20px;} /* -- product page -- */ /*-- quote process page -- */ .content_area div:first-child .submenu{ width: 90% !important; height: auto !important; } .banner_slider .submenu{ margin:5px 4% 15px !important; width: 90% !important;height:152px !important;} #quote_process_content{ width:90% !important; margin-left:4% !important;} #next{ margin-right:10% !important; margin-left:103% !important;float:right !important; } .banner_slider div.submenu a{ width: auto !important;} #next a{ display: none !important;} .banner_slider div #quote_process_content table tr td span{ display:inline !important;} #quote_process_content table tr td h2, #quote_process_content table tr td h2 span{ float: left !important; text-align: left !important; } #measurement span{ width: auto !important; float: left !important;} #measurement{ display:inline-block !important;} #measurement input{ float: left !important;} #measurement_boxes{ margin-top:20px !important; padding-top: 0px !important; border-top:none !important;} #measurements_box table tr td{ width:100% !important; float:left; display: inline-block !important;} #pieces_measurements{ display:none !important;} #quote_process_content table tr td{ width:90% !important; float:left; display: inline-block !important;} #quote_process_content table tr td:first-child img{ width: 255px !important; height: 80px !important; margin-bottom:20px !important;} /*** for step 2 ***/ span.hotspot{ width: auto !important;} .block .col_box_1, .block .col_box_1 a{ width: 130px !important; min-width: 150px !important; max-width: 150px !important; height: 80px !important; min-height: 80px !important; max-height: 80px !important; } #quote_process_content #content_1{ height: auto !important} .banner_slider div#content_1{ border-top: none !important; /*margin-left:0px !important; */} .banner_slider div#content_1 a img{ height: 80px !important;} /*** -- step 2 ends here -- ***/ /*** for step 3 ***/ .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: 200px !important; padding-top:0px !important} .banner_slider div:last-child div.l_img img{ width: 210px !important;} /*** -- step 3 ends here -- ***/ /*** for step cutouts ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: 200px !important; padding-top:0px !important} .banner_slider div:last-child div.l_img img{ width: 210px !important;} .banner_slider div:last-child div.l_img .img_1 h2 img{ width: auto !important;} .banner_slider div:last-child div.l_img .img_1 h2 span.hotspot{ width: auto !important;} /*** -- step cutouts ends here -- ***/ /*** for step-finalize-quote ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a, .block .r_img_part{ width: auto !important;} .block_big_img{ margin-left:0px !important;} /*** -- step-finalize-quote ends here -- ***/ /* -- quote process page e nds here --*/ /* -- top -social -icon --*/ .top-part .top_social_icon{ display: none !important; } .top-part .q_left, .top-part .q_right{ display: none !important;} .top-part .q_txt{ background: #C50042; padding:5px 10px; min-width:200px !important; width:80% !important; height: auto !important; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .online_quote{ float:left !important; display: inline-block; width:97% !important; margin-right:0px; text-align: center !important;} .top_social_icon_mobile{ display: inline-block !important; float:left; text-align: center; width:98.2% !important; height: ; padding-top:10px; border-left: 1px solid #C50042; border-right:1px solid #C50042;} /* -- top -social -icon ends here -- */ /* -- register page --*/ .banner_slider div:last-child #frm_business_registration .quot_form{ width:90% !important; border-top:0px !important; margin-left:10px;} #frm_business_registration div.quot_form{ width: 100% !important} #frm_business_registration div.quot_form div:last-child { border: none !important; margin-top: 10px !important; padding-top:0px !important;} #frm_business_registration div.quot_form div:last-child #recaptcha_area div:last-child{ float: none !important; margin:0px !important;; } .banner_slider div table tr td a{ height: auto !important; width: auto !important; margin: 0px !important;} .content_area div:first-child .quot_form{ width: auto !important;} .content_area div:first-child .l_form_part{ width:auto !important;} .content_area div:last-child .r_form_part{ width:90% !important;} /* -- register page ends here --*/ span.hotspot{ height: auto !important; width: auto !important; float: left !important;} span.hotspot img{ height: auto !important; width: auto !important; float: left !important; display: none !important;} .banner_slider div a span.hotspot img{ display: none !important;} /* twitter field */ a#twitter-feed{ width:100% !important; margin-left:10px !important; height:auto !important} .banner_slider div:last-child.twitter-article{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important; width:97% !important;} .banner_slider div:last-child.twitter-article div{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child.twitter-article div.twitter-text{ width:85% !important; float:left !important; margin-left:10px;} .home_section #twitter-feed a img{ width: auto !important; height: auto !important;} .twitter-pic img{ height: auto !important; width: auto !important;} .content_area div:first-child.twitter-pic{ margin:0px !important; width: auto !important;} .twitter-text p{ padding: 0px !important;} .banner_slider div .twitter-text a{ height: auto !important; width: auto !important; float:left !important; text-align: left !important;} .banner_slider div .twitter-text .tweetprofilelink a{ margin-top:0px !important; width:100% !important;} #loading-container img{ width:auto !important; height: auto !important;} /* twitter fields ends here */ #quote_process_content tr td p{ margin-left: 0px !important;} #mask{ display: none !important;} #product_process_content #boxes #page_content_product table{ display: none !important;} .block .glass{ min-height: 217px !important; min-width: 50% !important;} .block .glass a{ min-height: 160px !important; min-width: 200px !important; height: auto !important; width: auto !important;} .glass_content{ margin-left:0px !important;} } /* Mobile Portrait View End ================================ */ /*--------------------------------------*/ /* Mobile Landscape View End ================================ */ /*--------------------------------------*/ /* Mobile Portrait View Start ================================ */ @media only screen and (min-width: 281px) and (max-width: 480px){ body{ width:100% !important; background: none !important; } .container, .wrapper, .top-part, .inner_header, .logo, .content_area, .nav_part{ width:100% !important; display: inline-block !important;} .top-part{ background-size: 99% 31px !important; height: 74px !important;} .online_quote{ float:left !important; display: inline-block !important; margin:0px 0px 0px 5% !important; height: 31px !important; } .wrapper .content{ width:100% !important; float:left !important; display: inline-block !important; margin:0 auto !important} .logo{ width: 100% !important; margin:10px 0px 0px 0px !important; float:left !important; display: inline-block !important; } .logo a{ margin:0px 0px 0px 20% !important; display: inline-block !important; } .inner_header{ height: auto !important;} .cssmenu{ width: 100% !important; float:left !important; display: inline-block !important;} /* -- content -- */ .content{ background-size: 99% 16px !important; padding-top:6px;} .content_area{ width: 100% !important; float:left !important; display: inline-block !important; } .content_area div:first-child{ float:left !important; text-align: center !important; width:92% !important; margin:10px 0px;} /* --- slider code --- */ .banner_slider{ width: 100% !important; float:left !important; display: inline-block !important;} #jslidernews1{ width: 90% !important; float:left !important; display: inline-block !important; border: none !important; height:200px !important; text-align: center !important; margin: 0px 15px} /* .main-slider-content{ width: 100% !important; float:left; display: inline-block !important; height: auto !important;} */ .sliders-wrap-inner li img{ width:100% !important;} /* --- slier code ends here --- */ /* -- content ends here -- */ /* -- bottom part -- */ .banner_slider #jslidernews1 div:last-child{ border-top:0px solid #000 !important; margin:0px; padding:0px;} .banner_slider div:last-child{ width:100% !important; float:left !important; display: inline-block !important; margin-top:15px; padding-top:15px; border-top:1px solid #C50042 !important;} .banner_slider div a img{ width:100% !important; height:100% !important; } .banner_slider div a{ margin:8px 0px !important; display: inline-block !important; float:left !important; height: 100px !important;; /*width:120px !important; */ text-align: center !important; margin:8px 0px 8px 6% !important; } /* -- bottom part ends here -- */ /* -- footer --*/ .bottom-part{ width: 100% !important; float:left !important; display: inline-block !important; background-size: 99% 16px !important;} /* -- footer ends here -- */ /* -- color page -- */ #boxes #page_content{ display:none !important;} .banner_slider div.block ,.banner_slider div.l_pri_block{ border-top:0px !important; margin:0px !important; padding:0px;} .banner_slider div:last-child div.l_pri_block div{ border:0px !important; } div.block .l_pri_block{ width:100% !important;} #content_1{ margin:0px 10px; width: 86.5% !important;} #content_1 .product_col_box a{ width:120% !important; height:auto !important;} #content_1 .product_col_box a img{ width:100% !important; height: auto !important;} /* -- color page ends here -- */ /* --- contact us form --- */ .block{ display: inline-block !important;} .block .quote_txt{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; ; padding-bottom:10px;} .block #frm_contact{ display: inline-block !important; float:left ; width:90% !important;} .block #frm_contact .quot_form{ width:100px !important; margin:0px 10px !important; border:none !important; display:inline-block !important;} .banner_slider div:last-child .quot_form{ width:100% !important; float:left !important; display: inline-block !important;} #frm_contact .quot_form div{ width: 40% !important; float:left !important;} #frm_contact .quot_form .l_form_part, #frm_contact .quot_form .r_form_part{ width:75% !important; margin:10px 15px !important; display:inline-block !important;} #frm_contact .quot_form .r_form_part{ border:none !important; padding-top:0px !important;} .banner_slider div:last-child #frm_contact .quot_form div{ width:53% !important; margin:10px 15px !important;} .banner_slider div:last-child #frm_contact .quot_form div table tr td .textbox , .banner_slider div:last-child #frm_contact .quot_form div table tr td .textarea{ width:90% !important; max-width:100% !important;} .banner_slider div:last-child #frm_contact .quot_form div table{ width:50% !important; max-width:100% !important;} /* --- contact us form --- */ /* --- contact us page --- */ .block .contact_part{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; ; padding-bottom:10px; } .contact_part{ width:97% !important; margin:0px 10px !important; border:none !important; border:0px !important;} .contact_part div{ width: 40% !important; float:left !important;} .contact_part .map_part, .contact_part .add_part{ width:45% !important; margin:0px 15px !important; } .contact_part .add_part{ border:none !important; padding-top:0px !important; float:left !important; text-align: left !important;} .contact_part .add_part div , .contact_part .add_part div p, .banner_slider div span{ width: 100% !important; display: inline-block !important; height: auto !important; text-align: left !important;} /*.banner_slider div a{ height: auto !important;} */ .banner_slider div .add_part span a{ width:auto !important; float:left !important; text-align: left !important;} .block .contact_part .add_part .add_title{ border: none !important;} .contact_part div:last-child{ border:none !important;} .contact_part div.contact_part{border:none !important;} .map_part{ width:40% !important; margin:0px 15px !important; min-width:85% !important; max-width:85% !important;} .map_part img{ width: 100% !important;} /* --- contact us page --- */ /* -- eco page --*/ .block .l_pri_block{ width:100% !important} .l_pri_block, .r_pro_img_part{ width: 100% !important; max-width: 100% !important; min-width:100% !important; display: inline-block !important;} .r_pro_img_part{ border:none !important;display: inline-block !important; float:left !important; margin: 0px 15px 0px 0px !important;} .banner_slider div:last-child .r_pro_img_part{ border:none !important; padding-top:0px!important; margin-left: 0px !important; } .r_pro_img_part img{ width: 360px !important; height: auto !important; min-height: auto !important;} /* -- eco page ends here --*/ /* -- gallery page -- */ .banner_slider div:last-child .portfolio-content, .portfolio-content{ width: 100% !important; float: left !important; border-top: 0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child ul li.portfolio-item2 div{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child ul li.portfolio-item2 div span{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child .column-clear{ border-top:0px !important;} .banner_slider div .portfolio-categ li a{ width: auto !important; } .portfolio-area li{ width:40% !important;} ul.portfolio-categ{ display:inline-block !important; float:left !important; width:92% !important;} .banner_slider div span.image-block a img{ height: 120px !important; width: 143px !important;} /* -- gallery page ends here -- */ /* -- product page --*/ .content_area .banner_slider .product_submenu{ height: auto !important; width:95% !important; margin-left:10px!important; padding-bottom:20px;} #product_process_content{ width:105% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px; padding-top:15px; border-top:1px solid #C50042 !important;} #product_process_content .r_pro_img_part{ width:90% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px !important;; padding-top:15px !important; border-top:1px solid #C50042 !important;} .home_section{ width:100% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px; padding-top:15px; border-top:1px solid #C50042 !important;} #product_process_content #content_1{ margin-left:0px !important; text-align: left !important; margin-left:10px !important;; } #product_process_content .r_pro_img_part img{ width: 93% !important;} /* -- product page -- */ /*-- quote process page -- */ .content_area div:first-child .submenu{ width: 90% !important; height: auto !important; } .banner_slider .submenu{ margin:5px 4% 15px !important; width: 90% !important;height:122px !important;} #quote_process_content{ width:90% !important; margin-left:4% !important;} #next, #previous{ display:none !important; } .banner_slider div.submenu a{ width: auto !important;} #next a{ float:left !important; width:60% !important;} .banner_slider div a#next_link img{ height: 40px !important; width: 40px !important;} .banner_slider div #quote_process_content table tr td span{ display:inline !important;} #quote_process_content table tr td h2, #quote_process_content table tr td h2 span{ float: left !important; text-align: left !important; } #measurement span{ width: auto !important; float: left !important;} #measurement{ display:inline-block !important;} #measurement input{ float: left !important;} #measurement_boxes{ margin-top:20px !important; padding-top: 0px !important; border-top:none !important;} #measurements_box table tr td{ width:100% !important; float:left; display: inline-block !important;} #pieces_measurements{ display:none !important;} #quote_process_content table tr td{ width:90% !important; float:left; display: inline-block !important;} #quote_process_content table tr td:first-child img{ width: 100% !important; height: auto !important; margin-bottom:20px !important;} /*** for step 2 ***/ span.hotspot{ width: auto !important;} .block .col_box_1, .block .col_box_1 a{ width: 232px !important; min-width: 232px !important; max-width: 232px !important; height: 132px !important; min-height: 132px !important; max-height: 132px !important; } #quote_process_content #content_1{ height: auto !important} .banner_slider div#content_1{ border-top: none !important; margin-left:30px !important;} /*** -- step 2 ends here -- ***/ /*** for step 3 ***/ .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: 300px !important; padding-top:0px !important} /*** -- step 3 ends here -- ***/ /*** for step cutouts ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: 300px !important; padding-top:0px !important} /*** -- step cutouts ends here -- ***/ /*** for step-extra ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a{ width: auto !important;} /*** -- step-extra ends here -- ***/ /*** for step-finalize-quote ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a, .block .r_img_part{ width: auto !important;} .block_big_img{ margin-left:10px !important;} /*** -- step-finalize-quote ends here -- ***/ /* -- quote process page ends here --*/ /* -- top -social -icon --*/ .top-part .top_social_icon{ display: none !important; } .top-part .q_left, .top-part .q_right{ display: none !important;} .top-part .q_txt{ background: #C50042; padding:5px 10px; min-width:200px !important; width:80% !important; height: auto !important; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .online_quote{ float:left !important; display: inline-block; width:95% !important; margin-right:0px; text-align: center !important;} .top_social_icon_mobile{ display: inline-block !important; float:left; text-align: center; width:98.2% !important; height: ; padding-top:10px; border-left: 2px solid #C50042; border-right:2px solid #C50042;} /* -- top -social -icon ends here -- */ /* -- register page --*/ .banner_slider div:last-child #frm_business_registration .quot_form{ width:90% !important; border-top:0px !important; margin-left:10px;} #frm_business_registration div.quot_form{ width: 100% !important} #frm_business_registration div.quot_form div:last-child { border: none !important; margin-top: 10px !important; padding-top:0px !important;} /*#frm_business_registration div.quot_form div:last-child{ width:45% !important;} */ #frm_business_registration div.quot_form div:last-child #recaptcha_area div:last-child{ float: none !important; margin:0px !important;; } .banner_slider div table tr td a{ height: auto !important; width: auto !important; margin: 0px !important;} /*#recaptcha_challenge_image{ margin-left:-83px !important;} */ .content_area div:first-child .quot_form{ width: auto !important;} .content_area div:first-child .l_form_part{ width:auto !important;} .content_area div:last-child .r_form_part{ width:90% !important;} /* -- register page ends here --*/ span.hotspot{ height: auto !important; width: auto !important; float: left !important;} span.hotspot img{ height: auto !important; width: auto !important; float: left !important; display: none !important;} .banner_slider div a span.hotspot img{ display: none !important;} /* twitter field */ a#twitter-feed{ width:100% !important; margin-left:10px !important; height:auto !important} .banner_slider div:last-child.twitter-article{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important; width:97% !important;} .banner_slider div:last-child.twitter-article div{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child.twitter-article div.twitter-text{ width:80% !important; float:left !important; margin-left:10px;} .home_section #twitter-feed a img{ width: auto !important; height: auto !important;} .twitter-pic img{ height: auto !important; width: auto !important;} .content_area div:first-child.twitter-pic{ margin:0px !important; width: auto !important;} .twitter-text p{ padding: 0px !important;} .banner_slider div .twitter-text a{ height: auto !important; width: auto !important; float:left !important; text-align: left !important;} .banner_slider div .twitter-text .tweetprofilelink a{ margin-top:0px !important; width:100% !important;} #loading-container img{ width:auto !important; height: auto !important;} .banner_slider div.twitter-pic a{ height: auto !important;} /* twitter fields ends here */ #quote_process_content tr td p{ margin-left: 0px !important;} #mask{ display: none !important;} #product_process_content #boxes #page_content_product table{ display: none !important;} .banner_slider div ul.portfolio-categ li a{ height: auto !important;} .block .quot_form{ min-width:auto !important; max-width:100% !important;} .block .glass{ min-height: 217px !important; min-width: 50% !important;} .block .glass a{ min-height: 160px !important; min-width: 200px !important; height: auto !important; width: auto !important;} } /* Mobile Portrait View End ================================ */ /*--------------------------------------*/ /* Mobile Landscape View End ================================ */ /*--------------------------------------*/ /* Mobile Portrait View Start ================================ */ @media only screen and (min-width: 481px) and (max-width: 650px){ body{ width:100% !important; background: none !important; } .container, .wrapper, .top-part, .inner_header, .content_area{ width:100% !important; display: inline-block !important;} .logo, .nav_part{ width: 45% !important; display: inline-block !important; float: left !important; margin-right:15px !important;} .top-part{ background-size: 99% 38px !important; height: 38px !important;} .online_quote{ float:right !important; display: inline-block !important; margin:0px 13px 0px 0px !important; height: auto !important; } .wrapper .content{ width:100% !important; float:left !important; display: inline-block !important; margin:0 auto !important} .logo{ margin:0px 0px !important;; float:left !important; display: inline-block !important; min-width: 257px !important; } .logo a{ margin:0px 0px 0px 20% !important; display: inline-block !important; } .inner_header{ height: auto !important;} .cssmenu{ width: 100% !important; float:left !important; display: inline-block !important; padding:0px !important;} /* -- content -- */ .content{ background-size: 99% 16px !important; padding-top:20px;} .content_area{ width: 100% !important; float:left !important; display: inline-block !important; } .content_area div:first-child{ float:left !important; text-align: center !important; width:93% !important; margin:10px 0px;} /* --- slider code --- */ .banner_slider{ width: 100% !important; float:left !important; display: inline-block !important;} #jslidernews1{ width: 95% !important; float:left !important; display: inline-block !important; border: none !important; height:200px !important; text-align: center !important; margin: 0px 15px} /* .main-slider-content{ width: 100% !important; float:left; display: inline-block !important; height: auto !important;} */ .sliders-wrap-inner li img{ width:100% !important;} /* --- slier code ends here --- */ /* -- content ends here -- */ /* -- bottom part -- */ .banner_slider #jslidernews1 div:last-child{ border-top:0px solid #000 !important; margin:0px; padding:0px;} .banner_slider div:last-child{ width:100% !important; float:left !important; display: inline-block !important; margin-top:15px; padding-top:15px; border-top:1px solid #C50042 !important;} .banner_slider div a img{ width:95% !important; height:100% !important; } .banner_slider div a{ margin:8px 0px !important; display: inline-block !important; float:left !important; height: 150px !important; width:33% !important; text-align: center !important; margin:8px 0px 2px 0px !important; } /* -- bottom part ends here -- */ /* -- footer --*/ .bottom-part{ width: 100% !important; float:left !important; display: inline-block !important; background-size: 99% 16px !important;} /* -- footer ends here -- */ /* -- color page -- */ #boxes #page_content{ display:none !important;} .banner_slider div.block ,.banner_slider div.l_pri_block{ border-top:0px !important; margin:0px !important; padding:0px;} .banner_slider div:last-child div.l_pri_block div{ border:0px !important; } div.block .l_pri_block{ width:100% !important;} #content_1{ margin:0px 10px; width: 90.5% !important;} #content_1 .product_col_box a{ width:120% !important; height:auto !important;} #content_1 .product_col_box a img{ width:100% !important; height: auto !important;} /* -- color page ends here -- */ /* --- contact us form --- */ .block{ display: inline-block !important;} .block .quote_txt{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; padding-bottom: 10px;} .block #frm_contact{ display: inline-block !important; float:left ; width:90% !important;} .block #frm_contact .quot_form{ width:100px !important; margin:0px 10px !important; border:none !important; display:inline-block !important;} .banner_slider div:last-child .quot_form{ width:100% !important; float:left !important; display: inline-block !important;} #frm_contact .quot_form div{ width: 40% !important; float:left !important;} #frm_contact .quot_form .l_form_part, #frm_contact .quot_form .r_form_part{ width:75% !important; margin:10px 15px !important; display:inline-block !important;} #frm_contact .quot_form .r_form_part{ border:none !important; padding-top:0px !important;} .banner_slider div:last-child #frm_contact .quot_form div{ width:53% !important; margin:10px 15px !important;} .banner_slider div:last-child #frm_contact .quot_form div table tr td .textbox , .banner_slider div:last-child #frm_contact .quot_form div table tr td .textarea{ width:90% !important; max-width:100% !important;} .banner_slider div:last-child #frm_contact .quot_form div table{ width:100% !important; max-width:100% !important;} #frm_contact div.quot_form div:last-child { border:none !important;} #frm_contact div.quot_form div:last-child #recaptcha_area div:last-child{border:none !important; float: none !important; margin:0px !important;; } #frm_contact #recaptcha_image{ width: 100% !important; padding-top: 0px !important;} .banner_slider #frm_contact div a{ width: auto !important; margin:0px !important; float:left !important; } /* --- contact us form --- */ /* --- contact us page --- */ .block .contact_part{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; ; padding-bottom:10px; } .contact_part{ width:97% !important; margin:0px 10px !important; border:none !important; border:0px !important;} .contact_part div{ width: 40% !important; float:left !important;} .contact_part .map_part, .contact_part .add_part{ width:45% !important; margin:0px 15px !important; } .contact_part .add_part{ border:none !important; padding-top:0px !important; float:left !important; text-align: left !important;} .contact_part .add_part div , .contact_part .add_part div p, .banner_slider div span{ width: 100% !important; display: inline-block !important; height: auto !important; text-align: left !important;} .banner_slider div a{ height: auto !important;} .banner_slider div .add_part span a{ width:auto !important; float:left !important; text-align: left !important;} .block .contact_part .add_part .add_title{ border: none !important;} .contact_part div:last-child{ border:none !important;} .contact_part div.contact_part{border:none !important;} .map_part{ width:45% !important; margin:0px 15px !important; min-width:90% !important; max-width:90% !important;} /* --- contact us page --- */ /* -- eco page --*/ .block .l_pri_block{ width:100% !important} .l_pri_block, .r_pro_img_part{ width: 100% !important; max-width: 100% !important; min-width:100% !important; display: inline-block !important;} .r_pro_img_part{ border:none !important;display: inline-block !important; float:left !important; margin: 0px 15px !important;} .banner_slider div:last-child .r_pro_img_part{ border:none !important; padding-top:0px!important; } .r_pro_img_part img{ width: 360px !important; height: auto !important; min-height: auto !important;} /* -- eco page ends here --*/ /* -- galery page -- */ .banner_slider div:last-child .portfolio-content, .portfolio-content{ width: 100% !important; float: left !important; border-top: 0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child ul li.portfolio-item2 div{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child ul li.portfolio-item2 div span{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child .column-clear{ border-top:0px !important;} .banner_slider div .portfolio-categ li a{ width: auto !important; } .portfolio-area li{ width:45% !important;} ul.portfolio-categ{ display:inline-block !important; float:left !important; width:92% !important;} .banner_slider div span.image-block a img{ height: 120px !important; width: 180px !important;} /* -- gallery page ends here -- */ /* -- product page --*/ .content_area .banner_slider .product_submenu{ height: auto !important; width:95% !important; margin-left:10px!important; padding-bottom:20px;} #product_process_content{ width:105% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px; padding-top:15px; border-top:1px solid #C50042 !important;} #product_process_content .r_pro_img_part{ width:90% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px !important;; padding-top:15px !important; border-top:1px solid #C50042 !important;} .home_section{ width:100% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px; padding-top:15px; border-top:1px solid #C50042 !important;} #product_process_content #content_1{ margin-left:0px !important; text-align: left !important; margin-left:10px !important;; } #product_process_content .r_pro_img_part img{ width: 77% !important;} /* -- product page -- */ /*-- quote process page -- */ .content_area div:first-child .submenu{ width: 90% !important; } .banner_slider .submenu{ margin:5px 4% 15px !important; width: 90% !important;height:82px !important;} #quote_process_content{ width:90% !important; margin-left:4% !important;} #next, #previous{ display: none !important; } .banner_slider div.submenu a{ width: auto !important;} #next a{ float:left !important; width:60% !important;} .banner_slider div a#next_link img{ height: 40px !important; width: 40px !important;} .banner_slider div #quote_process_content table tr td span{ display:inline !important;} #quote_process_content table tr td h2, #quote_process_content table tr td h2 span{ float: left !important; text-align: left !important; } #measurement span{ width: auto !important; float: left !important;} #measurement{ display:inline-block !important;} #measurement input{ float: left !important;} #measurement_boxes{ margin-top:20px !important; padding-top: 0px !important; border-top:none !important;} #measurements_box table tr td{ width:100% !important; float:left; display: inline-block !important;} #pieces_measurements{ display:none !important;} #quote_process_content table tr td{ width:90% !important; float:left; display: inline-block !important;} #quote_process_content table tr td:first-child img{ width: 100% !important; height: auto !important; margin-bottom:20px !important;} /*** for step 2 ***/ span.hotspot{ width: auto !important;} .block .col_box_1, .block .col_box_1 a{ width: 150px !important; min-width: 150px !important; max-width: 150px !important; height: 80px !important; min-height: 80px !important; max-height: 80px !important; } #quote_process_content #content_1{ height: auto !important} .banner_slider div#content_1{ border-top: none !important; margin-left:30px !important;} /*** -- step 2 ends here -- ***/ /*** for step 3 ***/ .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; float:left !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: 240px !important; padding-top:0px !important} /*** -- step 3 ends here -- ***/ /*** for step cutouts ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; float:left !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: 240px !important; padding-top:0px !important} /*** -- step cutouts ends here -- ***/ /*** for step-extra ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a{ width: auto !important;} /*** -- step-extra ends here -- ***/ /*** for step-finalize-quote ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a, .block .r_img_part{ width: auto !important;} .block_big_img{ margin-left:50px !important;} /*** -- step-finalize-quote ends here -- ***/ /* -- quote process page e nds here --*/ /* -- top -social -icon --*/ .top-part .top_social_icon{ float:left;display:inline-block;margin-top: 7px; text-align:right;width:25.35% !important; } .online_quote{ float:left !important; display: inline-block; width:339px; margin-right:0px; } /* -- top -social -icon ends here -- */ /* -- register page --*/ .banner_slider div:last-child #frm_business_registration .quot_form{ width:90% !important; border-top:0px !important; margin-left:10px;} #frm_business_registration div.quot_form{ width: 100% !important} #frm_business_registration div.quot_form div:last-child { border: none !important; margin-top: 10px !important; padding-top:0px !important;} /*#frm_business_registration div.quot_form div:last-child{ width:45% !important;} */ #frm_business_registration div.quot_form div:last-child #recaptcha_area div:last-child{ float: none !important; margin:0px !important;; } .banner_slider div table tr td a{ height: auto !important; width: auto !important; margin: 0px !important;} /*#recaptcha_challenge_image{ margin-left:-83px !important;} */ /* -- register page ends here --*/ span.hotspot{ height: auto !important; width: auto !important; float: left !important;} span.hotspot img{ height: auto !important; width: auto !important; float: left !important;} /* twitter field */ a#twitter-feed{ width:100% !important; margin-left:10px !important;} .banner_slider div:last-child.twitter-article{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important; width:97% !important;} .banner_slider div:last-child.twitter-article div{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child.twitter-article div.twitter-text{ width:85% !important; float:left !important; margin-left:10px;} .home_section #twitter-feed a img{ width: auto !important; height: auto !important;} .twitter-pic img{ height: auto !important; width: auto !important;} .content_area div:first-child.twitter-pic{ margin:0px !important; width: auto !important;} .twitter-text p{ padding: 0px !important;} .banner_slider div .twitter-text a{ height: auto !important; width: auto !important; float:left !important; text-align: left !important;} .banner_slider div .twitter-text .tweetprofilelink a{ margin-top:0px !important; width:100% !important;} #loading-container img{ width:auto !important; height: auto !important;} /* twitter fields ends here */ .banner_slider div span.hotspot img{ width: auto !important; height: auto !important;} #quote_process_content tr td p{ margin-left: 0px !important; } #mask{ display: none !important;} #product_process_content #boxes #page_content_product table{ display: none !important;} .block .quot_form{ min-width:auto !important; max-width:100% !important;} .block .glass{ min-height: 217px !important; min-width: 50% !important;} .block .glass a{ min-height: 160px !important; min-width: 200px !important; height: auto !important; width: auto !important;} } /* Mobile Portrait View End ================================ */ /*--------------------------------------*/ @media only screen and (min-width: 651px) and (max-width: 767px){ body{ width:100% !important; background: none !important; } .container, .wrapper, .top-part, .inner_header, .content_area{ width:100% !important; display: inline-block !important;} .logo{ width: 40% !important; display: inline-block !important; float: left !important; margin-right:15px !important;} .nav_part{ width: 55% !important; display: inline-block !important; float: left !important; margin-right:15px !important;} .top-part{ background-size: 99% 38px !important; height: 38px !important;} .online_quote{ float:right !important; display: inline-block !important; margin:0px 3% 0px 0px !important; height: auto !important; } .wrapper .content{ width:100% !important; float:left !important; display: inline-block !important; margin:0 auto !important} .logo{ margin:0px 0px !important;; float:left !important; display: inline-block !important; } .logo a{ margin:0px 0px 0px 20% !important; display: inline-block !important; } .inner_header{ height: auto !important;} .cssmenu{ width: 100% !important; float:left !important; display: inline-block !important; padding:0px !important;} /* -- content -- */ .content{ background-size: 99% 16px !important; padding-top:20px;} .content_area{ width: 100% !important; float:left !important; display: inline-block !important; } .content_area div:first-child{ margin:10px 0px;} /* --- slider code --- */ .banner_slider{ width: 100% !important; float:left !important; display: inline-block !important;} #jslidernews1{ width: 95% !important; float:left !important; display: inline-block !important; border: none !important; height:260px !important; text-align: center !important; margin: 0px 15px} /* .main-slider-content{ width: 100% !important; float:left; display: inline-block !important; height: auto !important;} */ .sliders-wrap-inner li img{ width:100% !important;} /* --- slier code ends here --- */ /* -- content ends here -- */ /* -- bottom part -- */ .banner_slider #jslidernews1 div:last-child{ border-top:0px solid #000 !important; margin:0px; padding:0px;} .banner_slider div:last-child{ width:100% !important; float:left !important; display: inline-block !important; margin-top:15px; padding-top:15px; border-top:1px solid #C50042 !important;} .banner_slider div a img{ width:95% !important; height:100% !important; } .banner_slider div a{ margin:8px 0px !important; display: inline-block !important; float:left !important; height: 150px !important; width:33% !important; text-align: center !important; margin:8px 0px 2px 0px !important; } /* -- bottom part ends here -- */ /* -- footer --*/ .bottom-part{ width: 100% !important; float:left !important; display: inline-block !important; background-size: 99% 16px !important;} /* -- footer ends here -- */ /* -- color page -- */ #boxes #page_content{ display:none !important;} .banner_slider div.block ,.banner_slider div.l_pri_block{ border-top:0px !important; margin:0px !important; padding:0px;} .banner_slider div:last-child div.l_pri_block div{ border:0px !important; } div.block .l_pri_block{ width:100% !important;} #content_1{ margin:0px 10px; width: 91.5% !important;} #content_1 .product_col_box a{ width:120% !important; height:auto !important;} #content_1 .product_col_box a img{ width:100% !important; height: auto !important;} /* -- color page ends here -- */ /* --- contact us form --- */ .block .quote_txt{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; ; padding-bottom:10px;} #frm_contact{ display: inline-block !important; float:left ; width:90% !important;} #frm_contact .quot_form{ width:100px !important; margin:0px 10px !important; border:none !important;} #frm_contact .quot_form div{ width: 40% !important; float:left !important;} #frm_contact .quot_form .l_form_part, #frm_contact .quot_form .r_form_part{ width:75% !important; margin:10px 15px !important;} #frm_contact .quot_form .r_form_part{ border:none !important; padding-top:0px !important;} .banner_slider div:last-child #frm_contact .quot_form div{ width:65% !important; margin:10px 15px !important;} .banner_slider div:last-child #frm_contact .quot_form div table tr td .textbox , .banner_slider div:last-child #frm_contact .quot_form div table tr td .textarea{ width:90% !important; max-width:100% !important;} .banner_slider div:last-child #frm_contact .quot_form div table{ width:100% !important; max-width:100% !important;} /* --- contact us form --- */ /* --- contact us page --- */ .block .contact_part{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; padding-bottom:10px; } .contact_part{ width:97% !important; margin:0px 10px !important; border:none !important; border:0px !important;} .contact_part div{ width: 40% !important; float:left !important;} .contact_part .map_part, .contact_part .add_part{ width:45% !important; margin:0px 15px !important; } .contact_part .add_part{ border:none !important; padding-top:0px !important; float:left !important; text-align: left !important;} .contact_part .add_part div , .contact_part .add_part div p, .banner_slider div span{ width: 100% !important; display: inline-block !important; height: auto !important; text-align: left !important;} .banner_slider div a{ height: auto !important;} .banner_slider div .add_part span a{ width:auto !important; float:left !important; text-align: left !important;} .block .contact_part .add_part .add_title{ border: none !important;} .contact_part div:last-child{ border:none !important;} .contact_part div.contact_part{border:none !important;} .map_part{ width:45% !important; margin:0px 15px !important; min-width:90% !important; max-width:90% !important;} /* --- contact us page --- */ /* -- eco page --*/ .block .l_pri_block{ width:100% !important} .l_pri_block, .r_pro_img_part{ width: 100% !important; max-width: 100% !important; min-width:100% !important; display: inline-block !important;} .r_pro_img_part{ border:none !important;display: inline-block !important; float:left !important; margin: 0px 15px !important;} .banner_slider div:last-child .r_pro_img_part{ border:none !important; padding-top:0px!important; margin-left: 30px !important; } .r_pro_img_part img{ width: 380px !important; height: auto !important; min-height: auto !important;} /* -- eco page ends here --*/ /* -- galery page -- */ .banner_slider div:last-child .portfolio-content, .portfolio-content{ width: 100% !important; float: left !important; border-top: 0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child ul li.portfolio-item2 div{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child ul li.portfolio-item2 div span{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child .column-clear{ border-top:0px !important;} .banner_slider div .portfolio-categ li a{ width: auto !important; } .portfolio-area li{ width:30% !important;} ul.portfolio-categ{ display:inline-block !important; float:left !important; width:100% !important;} .banner_slider div span.image-block a img{ height: 120px !important; width: 180px !important;} /* -- gallery page ends here -- */ /* -- product page --*/ .content_area .banner_slider .product_submenu{ height: auto !important; width:95% !important; margin-left:10px!important; padding-bottom:20px;} #product_process_content{ width:99% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px; padding-top:15px; border-top:1px solid #C50042 !important;} #product_process_content .r_pro_img_part{ width:90% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px !important;; padding-top:15px !important; border-top:1px solid #C50042 !important;} .home_section{ width:100% !important; float:left !important; display: inline-block !important; margin:15px 0px 0px 0px; padding-top:15px; border-top:1px solid #C50042 !important;} #product_process_content #content_1{ margin-left:0px !important; text-align: left !important; margin-left:10px !important;; } #product_process_content .r_pro_img_part img{ width: 62% !important; margin-left:15px !important;} /* -- product page -- */ /*-- quote process page -- */ .banner_slider .submenu{ margin:5px 4% 15px !important; width: 90% !important;height:82px !important;} #quote_process_content{ width:90% !important; margin-left:4% !important;} #next, #previous{ display: none !important; } .banner_slider div.submenu a{ width: auto !important;} #next a{ float:left !important; width:60% !important;} .banner_slider div a#next_link img{ height: 40px !important; width: 40px !important;} .banner_slider div #quote_process_content table tr td span{ display:inline !important;} #quote_process_content table tr td h2, #quote_process_content table tr td h2 span{ float: left !important; text-align: left !important; } #measurement span{ width: auto !important; float: left !important;} #measurement{ display:inline-block !important;} #measurement input{ float: left !important;} #measurement_boxes{ margin-top:20px !important; padding-top: 0px !important; border-top:none !important;} #measurements_box table tr td{ width:100% !important; float:left; display: inline-block !important;} /*** for step 2 ***/ span.hotspot{ width: auto !important;} .block .col_box_1, .block .col_box_1 a{ width: 150px !important; min-width: 150px !important; max-width: 150px !important; height: 80px !important; min-height: 80px !important; max-height: 80px !important; } #quote_process_content #content_1{ height: auto !important} .banner_slider div#content_1{ border-top: none !important;} /*** -- step 2 ends here -- ***/ /*** for step 3 ***/ .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; float:left !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: auto !important; padding-top:0px !important} /*** -- step 3 ends here -- ***/ /*** for step cutouts ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; float:left !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: auto !important; padding-top:0px !important} /*** -- step cutouts ends here -- ***/ /*** for step-extra ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a{ width: auto !important;} /*** -- step-extra ends here -- ***/ /*** for step-finalize-quote ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a, .block .r_img_part{ width: auto !important;} .block_big_img{ margin-left:50px !important;} /*** -- step-finalize-quote ends here -- ***/ /* -- quote process page e nds here --*/ /* -- top -social -icon --*/ .top-part .top_social_icon{ float:left;display:inline-block;margin-top: 7px; text-align:right;width:43.35% !important; } .online_quote{ float:left !important; display: inline-block; width:339px; margin-right:0px; } /* -- top -social -icon ends here -- */ /* -- register page --*/ .banner_slider div:last-child #frm_business_registration .quot_form{ width:90% !important; border-top:0px !important; margin-left:10px;} #frm_business_registration div.quot_form{ width: 100% !important} #frm_business_registration div.quot_form div:last-child { border: none !important; margin-top: 10px !important; padding-top:0px !important;} /*#frm_business_registration div.quot_form div:last-child{ width:45% !important;} */ #frm_business_registration div.quot_form div:last-child #recaptcha_area div:last-child{ float: none !important; margin:0px !important;; } .banner_slider div table tr td a{ height: auto !important; width: auto !important; margin: 0px !important;} /*#recaptcha_challenge_image{ margin-left:-83px !important;} */ /* -- register page ends here --*/ span.hotspot{ height: auto !important; width: auto !important; float: left !important;} span.hotspot img{ height: auto !important; width: auto !important; float: left !important;} /* twitter field */ .banner_slider div:last-child.twitter-article{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important; width:97% !important;} .banner_slider div:last-child.twitter-article div{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child.twitter-article div.twitter-text{ width:85% !important; float:left !important; } .home_section #twitter-feed a img{ width: auto !important; height: auto !important;} .twitter-pic img{ height: auto !important; width: auto !important;} .content_area div:first-child.twitter-pic{ margin:0px !important; width: auto !important;} .twitter-text p{ padding: 0px !important;} .banner_slider div .twitter-text a{ height: auto !important; width: auto !important; float:left !important; text-align: left !important;} .banner_slider div .twitter-text .tweetprofilelink a{ margin-top:0px !important; width:100% !important;} #loading-container img{ width:auto !important; height: auto !important;} /* twitter fields ends here */ .banner_slider div span.hotspot img{ width: auto !important; height: auto !important;} #quote_process_content tr td p{ margin-left: 0px !important;} .banner_slider #quote_process_content tr td img{ max-height: 220px !important; min-height: 220px !important;} .banner_slider #quote_process_content tr td span.hotspot img{ max-height: 22px !important; min-height: 22px !important;} #mask{ display: none !important;} #product_process_content #boxes #page_content_product table{ display: none !important;} .block .quot_form{ min-width:auto !important; max-width:100% !important;} .block .glass{ min-height: 237px !important; min-width: 30% !important;} .block .glass a{ min-height: 160px !important; min-width: 200px !important; height: auto !important; width: auto !important;} } @media only screen and (min-width: 768px) and (max-width: 1024px){ body{ width:100% !important; background: none !important; } .container, .wrapper, .top-part, .inner_header, .content_area{ width:100% !important; display: inline-block !important;} .logo{ width: 40% !important; display: inline-block !important; float: left !important; margin-right:15px !important;} .nav_part{ width: 55% !important; display: inline-block !important; float: left !important; margin-right:15px !important;} .top-part{ background-size: 99% 38px !important; height: 38px !important;} .online_quote{ float:right !important; display: inline-block !important; margin:0px 3% 0px 0px !important; height: auto !important; } .wrapper .content{ width:100% !important; float:left !important; display: inline-block !important; margin:0 auto !important} .logo{ margin:0px 0px !important;; float:left !important; display: inline-block !important; } .logo a{ margin:0px 0px 0px 20% !important; display: inline-block !important; } .inner_header{ height: auto !important;} .cssmenu{ width: 100% !important; float:left !important; display: inline-block !important; padding:0px !important;} /* -- content -- */ .content{ background-size: 99% 16px !important; padding-top:20px;} .content_area{ width: 100% !important; float:left !important; display: inline-block !important; } .content_area div:first-child{ margin:10px 0px;} /* --- slider code --- */ .banner_slider{ width: 100% !important; float:left !important; display: inline-block !important;} #jslidernews1{ width: 95% !important; float:left !important; display: inline-block !important; border: none !important; height:260px !important; text-align: center !important; margin: 0px 15px} /* .main-slider-content{ width: 100% !important; float:left; display: inline-block !important; height: auto !important;} */ .sliders-wrap-inner li img{ width:100% !important;} /* --- slier code ends here --- */ /* -- content ends here -- */ /* -- bottom part -- */ .banner_slider #jslidernews1 div:last-child{ border-top:0px solid #000 !important; margin:0px; padding:0px;} .banner_slider div:last-child{ width:100% !important; float:left !important; display: inline-block !important; margin-top:15px; padding-top:15px; border-top:1px solid #C50042 !important;} .banner_slider div a img{ width:95% !important; height:100% !important; } .banner_slider div a{ margin:8px 0px !important; display: inline-block !important; float:left !important; height: 190px !important; width:33% !important; text-align: center !important; margin:8px 0px 2px 0px !important; } #content_1 a#onclick_bigimage{ text-align: center !important; margin:0px !important; width:auto !important; margin:5px 0px !important; } /* -- bottom part ends here -- */ /* -- footer --*/ .bottom-part{ width: 100% !important; float:left !important; display: inline-block !important; background-size: 99% 16px !important;} /* -- footer ends here -- */ /* -- color page -- */ #boxes #page_content{ display:none !important;} .banner_slider div.block ,.banner_slider div.l_pri_block{ border-top:0px !important; margin:0px !important; padding:0px;} .banner_slider div:last-child div.l_pri_block div{ border:0px !important; } div.block .l_pri_block{ width:100% !important;} #content_1{ margin:0px 10px; width: 93.5% !important;} #content_1 .product_col_box a{ width:120% !important; height:auto !important;} #content_1 .product_col_box a img{ width:100% !important; height: auto !important;} /* -- color page ends here -- */ /* --- contact us form --- */ .block .quote_txt{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; ; padding-bottom:10px;} #frm_contact .quot_form{ width:97% !important; margin:0px 10px !important; border:none !important;} #frm_contact .quot_form div{ width: 40% !important; float:left !important;} #frm_contact .quot_form .l_form_part, #frm_contact .quot_form .r_form_part{ width:45% !important; margin:0px 15px !important;} #frm_contact .quot_form .r_form_part{ border:none !important; padding-top:0px !important;} #frm_contact div.quot_form div:last-child { border:none !important;} #frm_contact div.quot_form div:last-child #recaptcha_area div:last-child{border:none !important; float: none !important; margin:0px !important;; } #frm_contact #recaptcha_image{ width: 100% !important; padding-top: 0px !important;} .banner_slider #frm_contact div a{ width: auto !important; margin:0px !important; float:left !important; } /* --- contact us form --- */ /* --- contact us page --- */ .block .contact_part{ border: none !important; width:97% !important; margin:0px 10px 10px 10px !important; border-bottom: 1px dashed #C50042 !important; ; padding-bottom:10px; } .contact_part{ width:97% !important; margin:0px 10px !important; border:none !important; border-bottom:0px !important;} .contact_part div{ width: 40% !important; float:left !important;} .contact_part .map_part, #frm_contact .contact_part .add_part{ width:45% !important; margin:0px 15px !important;} .contact_part .add_part{ border:none !important; padding-top:0px !important; float:left !important; text-align: left !important;} .contact_part .add_part div , .contact_part .add_part div p, .banner_slider div span{ width: 100% !important; display: inline-block !important; height: auto !important; text-align: left !important;} .banner_slider div a{ height: auto !important;} .banner_slider div table tr td a{ height: auto !important; width: auto !important; margin: 0px !important;} .banner_slider div .add_part span a{ width:auto !important; float:left !important; text-align: left !important;} .block .contact_part .add_part .add_title{ border: none !important;} .contact_part div:last-child{ border:none !important;} .contact_part div.contact_part{border:none !important;} /* --- contact us page --- */ /* -- eco page --*/ .r_pro_img_part{ width: 45% !important; max-width: 45% !important; min-width:45% !important;} .r_pro_img_part{ border:none !important;display: inline-block !important; float:left !important; margin: 0px 15px !important;} .banner_slider div:last-child .r_pro_img_part{ border:none !important; padding-top:0px!important; margin-left: 30px !important; } .r_pro_img_part img{ width: 430px !important; height: auto !important; min-height: auto !important;} /* -- eco page ends here --*/ /* -- galery page -- */ .banner_slider div:last-child .portfolio-content, .portfolio-content{ width: 100% !important; float: left !important; border-top: 0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child ul li.portfolio-item2 div{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child ul li.portfolio-item2 div span{ border-top:0px !important; width:100% !important;} .banner_slider div:last-child .column-clear{ border-top:0px !important;} .banner_slider div .portfolio-categ li a{ width: auto !important; } ul.portfolio-categ{ display:inline-block !important; float:left !important; width:100% !important;} .banner_slider div span.image-block a img{ height: 140px !important; width: 225px !important;} /* -- gallery page ends here -- */ /* -- product page --*/ .content_area .banner_slider .product_submenu{ height: 60px !important; width:95% !important; margin-left:10px!important;} #product_process_content .l_pri_block{ width:45% !important; margin-left:10px;} #product_process_content #content_1{ margin-left:15px !important;} .r_pro_img_part img{ width:100% !important; max-width:450px !important;} /* -- product page -- */ /*-- quote process page -- */ .banner_slider .submenu{ margin:5px 4% 15px !important; width: 90% !important;height:auto !important;} #quote_process_content{ width:90% !important; margin-left:4% !important;} #next, #previous{ display:none !important; } .banner_slider div.submenu a{ width: auto !important;} #next a{ display:none !important; } .banner_slider div a#next_link img{ height: 40px !important; width: 40px !important;} .banner_slider div #quote_process_content table tr td span{ display:inline !important;} #quote_process_content table tr td h2, #quote_process_content table tr td h2 span{ width: auto !important; float: left !important; text-align: left !important; } #measurement span{ width: auto !important; float: left !important;} #measurement{ display:inline-block !important;} #measurement input{ float: left !important;} #measurement_boxes{ margin-top:20px !important; padding-top: 0px !important; border-top:none !important;} /*** for step 2 ***/ span.hotspot{ width: auto !important;} .block .col_box_1, .block .col_box_1 a{ width: 150px !important; min-width: 150px !important; max-width: 150px !important; height: 80px !important; min-height: 80px !important; max-height: 80px !important; } #quote_process_content #content_1{ height: auto !important} .banner_slider div#content_1{ border-top: none !important;} /*** -- step 2 ends here -- ***/ /*** for step 3 ***/ .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; float:left !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: auto !important; padding-top:0px !important} /*** -- step 3 ends here -- ***/ /*** for step cutouts ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div:last-child div.w_546 , .banner_slider div:last-child div.twenty_mm, .banner_slider div:last-child div.l_img{ border-top:0px !important;} .banner_slider div:last-child div.w_546{ width: 100% !important; float:left !important; margin-left:0px !important; text-align: center !important;} .banner_slider div:last-child div.l_img{ display: inline-block !important; float: left !important; width: auto !important; padding-top:0px !important} /*** -- step cutouts ends here -- ***/ /*** for step-extra ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a{ width: auto !important;} /*** -- step-extra ends here -- ***/ /*** for step-finalize-quote ***/ #quote_process_content div:last-child{ border-top:none !important} .banner_slider div div.l_img a, .block .r_img_part{ width: auto !important;} /*** -- step-finalize-quote ends here -- ***/ /* -- quote process page ends here --*/ /* -- top -social -icon --*/ .top-part .top_social_icon{ float:left;display:inline-block;margin-top: 7px; text-align:right;width:51.35% !important; } .online_quote{ float:left !important; display: inline-block; width:339px; margin-right:0px; } /* -- top -social -icon ends here -- */ /* -- register page --*/ .banner_slider div:last-child #frm_business_registration .quot_form{ width:90% !important; border-top:0px !important; margin-left:10px;} #frm_business_registration div.quot_form{ width: 100% !important} #frm_business_registration div.quot_form div:last-child { border: none !important; margin-top: 10px !important; padding-top:0px !important;} #frm_business_registration div.quot_form div:last-child{ width:45% !important;} #frm_business_registration div.quot_form div:last-child #recaptcha_area div:last-child{ float: none !important; margin:0px !important;; } #frm_business_registration #recaptcha_challenge_image{ margin-left:-83px !important;} /* -- register page ends here --*/ /* twitter field */ .banner_slider div:last-child.twitter-article{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important; width:97% !important;} .banner_slider div:last-child.twitter-article div{ border-top:0px !important; margin-top:0px !important; padding-top:0px !important;} .banner_slider div:last-child.twitter-article div.twitter-text{ width:85% !important; float:left !important; } .home_section #twitter-feed a img{ width: auto !important; height: auto !important;} .twitter-pic img{ height: auto !important; width: auto !important;} .content_area div:first-child.twitter-pic{ margin:0px !important; width: auto !important;} .twitter-text p{ padding: 0px !important;} .banner_slider div .twitter-text a{ height: auto !important; width: auto !important; float:left !important; text-align: left !important;} .banner_slider div .twitter-text .tweetprofilelink a{ margin-top:0px !important; width:100% !important;} #loading-container img{ width:auto !important; height: auto !important;} /* twitter fields ends here */ .banner_slider div span.hotspot img{ width: auto !important; height: auto !important;} #quote_process_content tr td p{ margin-left: 0px !important;} .banner_slider #quote_process_content tr td img{ max-height: 220px !important; min-height: 220px !important;} .banner_slider #quote_process_content tr td span.hotspot img{ max-height: 22px !important; min-height: 22px !important;} #mask{ display: none !important;} #product_process_content #boxes #page_content_product table{ display: none !important;} .block .quot_form{ min-width:auto !important; max-width:100% !important;} .block .glass{ min-height: 277px !important; min-width: 45% !important;} .block .glass a{ min-height: 211px !important; min-width: 280px !important; height: auto !important; width: auto !important;} }