/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 body{font-family: "Roboto";}
 .uk-container {
    margin-top: 50px;
}
.tm-toolbar {
    background: #fff;
    margin-top: 0;
    box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 0 0 18px #e2e2e2, 0 0 18px #e2e2e2; 
    margin-bottom: 0;
}
.uk-float-left.header-lft {
    width: 590px;
    margin-left: 30px;
}
.uk-float-right.header-rgt {
    width: 335px;
    /*background: #91c348 ;*/
    background: #cadbb3;
    color:#000;
}
.uk-float-left.header-lft .top-menu {
    margin: 0 !important;
    margin-top:3px!important;
}

.menu.menu-line {
    padding-left: 0;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
}
.uk-panel.style-raw img.logo {
    margin-top: 20px;
}
.tm-toolbar .uk-float-left .uk-panel {
    margin-right: 15px;
}
a:hover, a:focus {
    color: #EB1E54;
}
.top-menu ul li a {
    font-size: 13px;
    color: #000;
}
.top-menu ul li:first-child a {
    padding-left: 0;
    padding-top: 5px;
}
.uk-nav-side>li.uk-active>a {
    background: #4D4D4F;
}
.origin em {color: #48b;}
#social-buttons {
    position: absolute;
    top: 0;
    right:-428px;
    margin-top:6px;
}
.googlebutton, .twitterbutton, .facebookbutton {
    line-height: 24px;
}
.rsform .rsform-input-box {
    width: 146px;
    border-radius:5px;
    margin-bottom: 0;
    font-family: arial;
    font-size: 15px;
}
.rsform .rsform-submit-button {
    color: #000;
    background: #f9c20a;
    padding: 4px 6px !important;
    font-size: 14px !important;
    border: 1px solid #fff;
    font-family: arial;
    margin-left: 3px;
}
.rsform #userForm fieldset{margin-top: 7px;}
.box-title {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    font-family: "Roboto",'OpenSansSemibold';
    padding-right: 30px;
   /* padding-left: 40px;*/
    margin-top: 15px;
}



 @media (min-width: 1220px) {
.uk-container {
    max-width: 970px;
    padding: 0;
}
}

#top-banner p.tel-cta img{margin-right: 0!important; margin-left: 12px!important;}
.uk-float-right.header-rgt{margin-bottom: 0!important;}

.tm-headerbar, .tm-navbar, .tm-footer{ margin-top: 0; margin-bottom: 0;}
.tm-toolbar .uk-float-right .uk-panel{ margin-left:15px;}
.tm-toolbar .uk-float-right .uk-panel .box-title{ margin-bottom: 6px;color:#000;}
.tm-toolbar .uk-float-right p.topbutton {text-align:center; margin:15px 0;}
.tm-toolbar .top-menu{ margin-top: 5px!important;}
#js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega{line-height: 30px;}
.tm-top-a .uk-width-medium-1-2{width: 52%!important;}
section#tm-top-a{   background-position:-70px -40px!important; background-size:auto !important;}
.homepage #home-title-box p{margin-bottom: 15px;}
.tm-top-a {padding:0!important; margin:0;}
#home-title-box h1{ font-size:42px!important; color: #fff!important; font-weight: 300;}
#main-summary p{margin-top: 15px; color: #000; margin-bottom: 15px!important;}
.homepage .quote-cta .btn{margin-bottom: 10px!important;}
.homepage .quote-cta p{color: #000; margin-top: 15px!important;}
.uk-panel-box{padding:0;}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel{margin-top: 0;}
.uk-panel-box .product-buttons{padding:25px 10px;box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 0 0 18px #e2e2e2, 0 0 18px #e2e2e2; }
.uk-panel-box .product-buttons .uk-width-medium-1-3, .uk-panel-box .product-buttons  .uk-width-medium-2-6{width:31.3%;}
#top-banner p.tel-cta{font-family: "Roboto";
    font-size: 19px !important;
    font-weight: normal;
    line-height: 20px !important;
    margin-bottom: 0 !important;
    }
#top-banner p.tel-cta img{float: left;}
.homepage .tm-top-a .uk-width-1-1{padding:0!important; margin:0;}
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box {padding:0!important; margin:0;}
.homepage .product-buttons .product-area h2 { margin-top: 10px;}
.homepage .product-buttons .product-area h2, .homepage .product-buttons .product-area h2 a { font-size:25px; line-height:29px; color: #EB1E54!important;}
.homepage .product-buttons .product-area a{color: #91c348 ; font-weight:bold;}
.homepage .product-buttons .product-area p{margin: 5px 0;}
.homepage .product-buttons .product-area a:hover{color: #91c348 ; text-decoration: none; font-weight:bold;}
.homepage .btn-2{border-radius:20px;}
.homepage .btn-2:hover{background-color: #eb1e54; color: #fff;}
.homepage .testimonials{box-shadow: 0 14px 0px 0px white, 0 -9px 0px 0px white, 0 0 18px #e2e2e2, 0 0 18px #e2e2e2; padding-bottom: 28px;}
.homepage .testimonials p{ font-size: 18px; line-height: 24px;margin: 10px 0;}
.homepage .testimonials p a{ color: #B61E82;}
.homepage .testimonials p a:hover{color:#B61E82 ;}
.homepage .testimonials .testimonial h2{margin-top: 0;}
.homepage .tm-top-b .testimonials img{margin-bottom: 10px;}
#tm-bottom-b {padding-top:30px; padding-bottom:30px;}
#tm-bottom-b .uk-width-medium-1-2{ width: 30%;}
#tm-bottom-b .uk-width-medium-1-2 ul{padding-left: 49px;}
#tm-bottom-b .uk-width-medium-1-2:last-child{ width: 70%; float: right;}
#tm-bottom-a{ padding-top:40px; padding-bottom: 25px;}
#tm-bottom-a p {margin: 0;}
#tm-bottom-a p.description{margin-top: 5px;}
#tm-bottom-a p.description a{color: #91c348;}
#tm-bottom-a p.description a:hover{color: #91c348; }
#tm-bottom-b .uk-width-medium-1-2 .uk-panel-box h3{  color: #91c348 !important;   font-family: "Roboto","OpenSansRegular",Arial,sans-serif !important;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 15px;
    text-decoration: none; margin-left: 55px!important;}
    #tm-bottom-b .uk-width-medium-1-2 .uk-panel-box h3 a{color: #91c348 !important ;}
#tm-bottom-c{position: relative;}
#tm-footer{ background-color: #353535; border-top:0; color:#828282; width: 30px; height: 30px; position: absolute;  right: 12px; bottom:13px;}    
#tm-footer a{color: #cccccc;}
#tm-footer a:hover{color: #cccccc;}
#tm-footer .tm-totop-scroller{ margin-top:0; margin-right:0; font-size: 20px;}

.header-rgt { padding-bottom: 5px;}
.reasons-to-choose-full-width ul li{ min-height:110px!important; line-height: 22px;}
.reasons-to-choose-full-width ul li strong{margin-bottom:10px; display: inline-block;}
.reasons-to-choose-full-width ul.first{padding-left: 10px; padding-right: 30px;}
.company-details{text-align: center;}

/**Faq Page styles starts here **/


.faq_page .tm-sidebar-a .ebook-download{ margin-left: 0!important; margin-right: 0!important;}
.faq_page .tm-main{width: 66%!important;}
.faq_page .tm-sidebar-a{width:34%!important;}
.faq_page .tm-sidebar-a .uk-panel-box{padding:5px 30px 35px 30px;}
.faq_page .tm-sidebar-a .ebooksignup2{padding: 0; margin-top: 65px; margin-bottom: 40px;}

.faq_page .tm-sidebar-a .ebooksignup2 .ebook-download h2 { font-size: 22px; color: #fff; margin-bottom: 10px;}
.faq_page .tm-sidebar-a .ebooksignup2 .ebook-download .orangebutton{ padding:7px 8px; border:0!important; font-family: "Roboto","OpenSansRegular"; font-size: 15px	;}
.faq_page .tm-sidebar-a .ebooksignup2 .ebook-download p{font-family:"Roboto","OpenSansSemibold"; font-size: 14px; margin-top: 10px; margin-bottom: 5px;}

.faq_page .tm-sidebar-a .uk-panel-box h2{font-size: 22px; color: #4d4d4f;}
.faq_page .tm-sidebar-a .uk-panel-box p{margin-top: 0px;}
.faq_page main .uk-breadcrumb{margin-bottom: 10px;}
.faq_page main .uk-breadcrumb li {font-size: 11px; color: #999;}
.faq_page main .description p strong{font-family: "Roboto","OpenSansSemibold"!important;}

/**Faq Page styles ends here **/

/**blog Page styles ends here **/

.blog main{ padding:20px 20px 10px 37px!important;}
.blog  .tm-sidebar-a .ebook-download{ margin-left: 0!important; margin-right: 0!important;}
.blog .tm-main{width: 66%!important;}
.blog .tm-sidebar-a{width:34%!important;}
.blog .tm-sidebar-a .uk-panel-box{padding:5px 30px 35px 32px;}
.blog .tm-sidebar-a .ebooksignup2{padding: 0; margin-top: 65px; margin-bottom: 40px;}

.blog .tm-sidebar-a .ebooksignup2 .ebook-download h2 { font-size: 22px; color: #fff; margin-bottom: 10px;}
.blog .tm-sidebar-a .ebooksignup2 .ebook-download .orangebutton{ padding:7px 8px; border:0!important; font-family: "OpenSansRegular"; font-size: 15px	;}
.blog .tm-sidebar-a .ebooksignup2 .ebook-download p{font-family:"Roboto","OpenSansSemibold"; font-size: 14px; margin-top: 10px; margin-bottom: 5px;}

.tm-sidebar-a .uk-panel-box h3 { font-size: 26px; line-height: 30px; color: #4d4d4f; font-weight: bold; font-family: "Roboto","OpenSansRegular",Arial,sans-serif !important; margin-bottom: 7px;}
.blog .tm-sidebar-a .highlight-sidebar-mod { background-color: #e8e8e8; padding-top: 30px; margin-bottom: 30px; border-bottom: 5px solid #eb1e54; border-top: 5px solid #eb1e54;}
.blog .tm-sidebar-a .uk-panel-box h4{font-size: 14px; line-height: 16px; color: #4d4d4f; font-weight: bold; font-family:"Roboto","OpenSansSemibold"!important; margin-bottom:3px;}
.blog .tm-sidebar-a .uk-panel-box p{margin-top: 5px; margin-bottom: 5px;}
.blog main .uk-breadcrumb{margin-bottom: 10px;}
.blog main .uk-breadcrumb li {font-size: 11px; color: #999;}
.blog main .description p strong{font-family: "Roboto","OpenSansSemibold"!important;}
.blog #mc_embed_signup #mc-embedded-subscribe-form{padding-left: 0; padding-top: 4px; margin-bottom: 0;}
.blog #mc_embed_signup #mc-embedded-subscribe-form input.email{ padding: 4px 0; width: 80%; margin-bottom: 4px;}
/**blog Page styles ends here **/

/**showroom Page styles starts here **/
.visit_showroom_page blockquote{border:0!important;}
.visit_showroom_page #yoo-zoo .one-half{text-align: left;}

.visit_showroom_page .floatbox h1{ font-weight: 700;}
h2, h3, h4, h5, h6, strong, .strong{font-weight:500;}
.visit_showroom_page .wk-map label{ float: left; font-size: 18px; line-height: 22px;}
.visit_showroom_page .wk-map input[type="text"]{width: 127px; height:17px; float: left;}
.visit_showroom_page .wk-map button{ font-size: 12px; font-family: arial;}
.visit_showroom_page #yoo-zoo .item #Setmore_button_iframe{margin-bottom:50px!important; margin-top: 20px!important;}
/**showroom Page styles starts here **/

.product-brandbb{ background-size:100%!important;}

.tm-noblog main{ padding:20px 35px 10px 35px!important;}
.tm-noblog #yoo-zoo h1.box-title{padding-left: 0; padding-right: 0; font-family: "Roboto","OpenSansBold";}
.tm-noblog main .uk-breadcrumb{margin-bottom: 10px;}
.tm-noblog main .uk-breadcrumb li {font-size: 11px; color: #999;}

.about_page main{ padding:20px 28px 10px !important;}
.faq_page main{ padding:20px 20px 10px 26px!important;}
.faq_page #yoo-zoo .categories .last{width: 49.3%!important; float: right!important;}
body.products #innertop{min-height: 27px;}

#innertop .uk-nav-side > li > a{ color: #fff; display: inline; font-size: 12px; padding:3px 7px; text-decoration: none; font-family: "OpenSansRegular"; }
#innertop .uk-nav-side > li.uk-active > a{background-color: #8DC539; color: #fff; border-radius:5px;}
#innertop .grid-block div p{ float: right; margin-right:37px; margin-bottom: 0;}
#innertop .grid-block .uk-panel-title{
    font-family: "Roboto","OpenSansRegular",Arial,sans-serif !important;
    font-size: 16px !important;
    font-weight: bold;
    margin: 0 37px 0 2px; 
    padding-top: 1px; 
    float: left;}

.sunflex55 #innertop .grid-block .uk-panel-title{margin-right: 13px;}
#innertop .grid-block .uk-nav{float: left; margin-top: 2px;}
#innertop .grid-block .uk-nav li{padding-left: 10px;}
#innertop .grid-block a.button{ border:0!important;}
.products .uk-container #tm-middle{margin-top: 10px;}
#yoo-zoo.product-brandbb .pos-main-introduction{margin-top: 0!important;}
#innertop .uk-nav-side > li > a:hover, #innertop .uk-nav-side > li > a:focus{background-color: #7CBC1D; border-radius:3px;} 
.sunflex55 .pos-call-to-action .element.element-joomlamodule.first.last > div{width: 395px!important; margin:auto;}
.product-brandbb-aluminium-windows .pos-call-to-action .element.element-joomlamodule.first.last > div{width: 395px!important;}
.product-brandbb-skylights-and-roof-lanterns .pos-call-to-action .element.element-joomlamodule.first.last > div{width: 395px!important;}
.main-bifold-doors-page main{padding:0!important;}
.main-bifold-doors-page #yoo-zoo .categories{display: none;}

hr.section-divider { clear: both;border: 1px solid #fff;margin-bottom:40px !important;}
.about_this_website main {padding:10px 20px 5px 36px !important;}

.about_this_website .tm-sidebar-a .ebook-download{ margin-left: 0!important; margin-right: 0!important;}
.about_this_website .tm-main{width: 66%!important;}
.about_this_website .tm-sidebar-a{width:34%!important;}
.about_this_website .tm-sidebar-a .uk-panel-box{padding:5px 30px 35px 30px;}
.about_this_website .tm-sidebar-a .ebooksignup2{padding: 0; margin-top: 65px; margin-bottom: 40px;}

.about_this_website .tm-sidebar-a .ebooksignup2 .ebook-download h2 { font-size: 22px; color: #fff; margin-bottom: 10px;}
.about_this_website .tm-sidebar-a .ebooksignup2 .ebook-download .orangebutton{ padding:7px 8px; border:0!important; font-family: "Roboto","OpenSansRegular"; font-size: 15px	;}
.about_this_website .tm-sidebar-a .ebooksignup2 .ebook-download p{font-family:"Roboto","OpenSansSemibold"; font-size: 14px; margin-top: 10px; margin-bottom: 5px;}

.about_this_website .tm-sidebar-a .uk-panel-box h2{font-size: 22px; color: #4d4d4f;}
.about_this_website .tm-sidebar-a .uk-panel-box p{margin-top: 0px;}
.about_this_website .uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span{font-size: 11px;}
.about_this_website .tm-sidebar-a .uk-panel-title{ font-family: "Roboto","OpenSansRegular",Arial,sans-serif !important; font-weight: bold; font-size: 26px; margin-bottom: 8px;}
.about_this_website .tm-sidebar-a .uk-nav-side {margin:0!important;}
.about_this_website .tm-sidebar-a .uk-nav-side li{ padding-left:0; border-bottom: 1px solid #ddd;}
.about_this_website .tm-sidebar-a .uk-nav-side li a{padding-left: 12px!important;}
.about_this_website .tm-sidebar-a .uk-nav-side li a:hover, .about_this_website .tm-sidebar-a .uk-nav-side li a:focus{color: #4488BB;}
.about_this_website .tm-sidebar-a .uk-nav-side li.uk-active a{ background: none; color: #4d4d4f; font-weight: bold;}

.about_this_website #yoo-zoo .item .element-textarea > *{ text-align: left;}
.landingpage #yoo-zoo #userForm legend p{color: #fff!important;}
.landingpage #yoo-zoo #userForm legend{margin-bottom:0!important;}
.product-brandbb-faqs-for-sunflex-35-slide-stack-doors .pos-call-to-action .element.element-joomlamodule.first.last > div{ width: 395px!important;}
.contactus fieldset.formFieldset legend{ padding-bottom: 0!important; border:0!important; margin-bottom: 0!important;}
.contactus main{margin:0!important; padding: 20px 20px 10px 35px !important;}
.contactus .mainContactForm input[type="text"]{margin-bottom: 0!important; border:1px solid #b3b3b3; padding:5px 0;}
.contactus .formContainer .rsform-block-message .formBody{ width: 100%!important;}
.contactus .formContainer .rsform-block-message .formBody textarea{ width: 70%!important; min-height: 100px!important;}
.contactus .tm-sidebar-a form input[type="text"]{float: left;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    width: 135px;}
.contactus .tm-sidebar-a form label{ margin-bottom: 0; float: left;}
.contactus .tm-sidebar-a .wk-map{margin-bottom: 5px;}
.contactus button{font-size: 11px; font-family: arial;}
.contactus #sidebar-a .grid-v .mod-line{ margin-bottom:20px!important; padding-bottom: 0!important;}
.clearance_page .rsform .rsform-input-box{ border-radius: 5px;
    display: inline-block;
    font-size: 14px !important;
    height: 22px;
    margin-bottom: 0;
    padding: 4px 6px;}
.clearance_page .rsform .rsform-submit-button{background: #f9c20a none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #000;
    font-size: 14px !important;
    padding: 6px !important;
    text-shadow: unset;}
.product-brandbb-aluminium-bifold-doors .categories{border-bottom: 1px solid #ccc !important;}
.product-brandbb-sliding-doors .categories{border-bottom: 1px solid #ccc !important; margin-bottom: 30px!important;}
.category .product-brandbb-composite-bifold-doors .categories{border-bottom: 1px solid #ccc !important; margin-bottom: 20px!important;}
.pos-meta .blog-promotion{background-color: #91c348; border-radius: 5px; color: #fff;
    padding: 4px 10px;}
.pos-meta .blog-promotion a{color: #fff  !important;}
.pos-meta .blog-promotion a:hover{color: #fff !important; text-decoration: none;}
.pos-meta .blog-promotion p {font-size: 16px !important; line-height: 20px;}
.other_quotes fieldset.formFieldset legend{ border:0!important;}
.other_quotes .formContainer .formBody h1{font-weight: 900; font-family: "Roboto","OpenSansBold";}
.other_quotes .formContainer .formBody textarea{ width: 300px; min-height:90px;}
.other_quotes .formContainer li input[type="text"]{padding:4px 0!important; border:1px solid #b3b3b3!important; margin-bottom:0;}
.other_quotes .tm-sidebar-a .uk-panel-box{padding-top:70px!important;}
.other_quotes .tm-sidebar-a .uk-panel-box img{width: 100%!important;}
.other_quotes main{padding-left: 40px!important;}

.rsform #userForm p.formRed{position: absolute;}
body.fullwidth #yoo-zoo blockquote{line-height: 25px;}
.mean-container a.meanmenu-reveal{ position: relative;}
.mean-container a.meanmenu-reveal .hamburger2{ height: 23px;
    position: absolute;
    right: 16px;
    top: 14px;
    width: 28px;}

div.product-cta {
    margin: 30px 0; padding: 20px 5px 7px; clear: both; text-align: center; background-color: #eee;  border-radius: 12px;
}
div.product-cta h3, #yoo-zoo .item .product-cta h3 { margin: 0 !important;}
div.product-cta p { text-align: center; font-size: 15px; line-height: 18px;}

.product-brandbb-features-of-the-origin-bifold-door .productrow table tr td:first-child{width: 60px;}
#yoo-zoo.product-item.product-brandbb .productrow table.features-list tr td:first-child {min-width:60px !important;}
.product-brandbb-technical-info-about-origin-bifold-doors .slides-container ul{height: auto!important; padding-bottom:0px!important;}
.product-brandbb-technical-info-about-origin-bifold-doors .slides-container ul li{height: auto!important; position:static!important; clear: both;}
.faq_page .tm-sidebar-a .twitterbutton{background-color: #1b95e0;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    height: 20px;
    padding: 0px 8px 3px 6px;
    position: relative;
    display: inline;
}
.documentation-default-bifold-door-faqs .categories h2.title {
    line-height: 35px !important;
    font-size: 27px !important;
    color: #91c348 !important;
    text-transform: none !important;
}
.documentation-default-bifold-door-faqs ul.sub-items a {
    font-size: 18px;
    color: #4d4d4f;
}
.documentation-default-bifold-door-faqs ul.sub-items li {
    margin-top: 9px;
    margin-bottom: 9px;
}
.faq_page .tm-sidebar-a .twitterbutton .twitter-follow-button{color: #fff; font-size: 10px; text-decoration: none;}
.faq_page .tm-sidebar-a .twitterbutton .twitter-follow-button .twticon{width: 15px;}
.pos-content em{color: #48b!important;}

@media only screen and (max-width:1220px){
    #social-buttons{right: -438px;}
}

@media only screen and (max-width:1024px){
    #banner-wrapper{ width: 99%!important;}
.uk-panel.style-raw img.logo{margin-top: 10px; margin-bottom: 3px;}
.uk-float-left.header-lft .top-menu{ margin-bottom: 11px!important;}
#top-banner .grid-block{text-align: center;}
.header-rgt{  padding-bottom: 5px;
    padding-top: 6px;}
    #top-banner{position: static!important; border-bottom: 1px solid #cfcfcf!important; background-color: #E3E3E3!important; display: table!important; padding-bottom: 20px;}
    #top-banner p.strapline{font-size: 16px!important; width: auto!important; margin-left: 10px!important; display:inline-block!important; float: none!important;}
    #top-banner p.tel-cta{font-size: 14px!important; width: auto!important; float: left!important; margin-top:13px!important;  margin-right: 0!important; margin-left: 40px!important; display:inline-block!important;float: none!important; line-height: 20px!important;}
    #top-banner p.tel-cta img{ width: 35px!important;}
    .uk-container{margin-top: 0;}
    .mean-container .mean-nav ul li{ width: 100%!important;}
    .mean-container .mean-nav ul li a{width: 100%!important; text-indent: 10px!important; line-height:40px!important; display: block!important; }
    .mean-container .mean-nav ul {margin-left: 0!important;}
    #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title{padding-left: 0!important;}
    #js-mainnav.megamenu.blackwhite ul.level0 li.mega{margin-left: 0!important;}
    #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega{padding:0!important; border-radius: 0!important;}
    #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega:hover{border-radius: 0!important;}
    .mean-container .mean-nav ul li a.mean-expand{display: none!important;}
    #js-meganav .uk-hidden-small{display: none!important;}
    #js-meganav .childcontent {width: 100%!important; margin-left: 0!important; padding: 0!important; clear: both!important;}
    #js-mainnav.megamenu .js-megamenu li.mega .childcontent{position: relative; clear: both; padding: 0!important; clear: both!important;}
    #js-meganav .childcontent .childcontent-inner-wrap{width:100%!important; padding: 0!important;}
    #js-meganav .childcontent .childcontent-inner{ width: 100%!important; border-radius:0!important; background-color:#333!important; display: block!important; padding:0!important;}
    #js-meganav .childcontent .megacol{width:100%!important; border-bottom:1px solid #cfcfcf!important; padding-bottom:5px;} 
    #js-meganav .childcontent .megacol .moduletable{width: 100%!important; padding:0!important;} 
    #js-meganav .childcontent .megacol .moduletable a{padding:0!important; border:0!important; font-family: "Roboto","OpenSansRegular",Arial,sans-serif !important; font-size: 13px!important; line-height:30px!important;}
    #js-meganav .childcontent .megacol .moduletable a:hover{color: #F48F45!important;}
    #js-meganav .childcontent .moduletable a{padding:0!important; border:0!important;  font-family: "Roboto","OpenSansRegular",Arial,sans-serif !important; font-size: 13px!important; line-height:30px!important;}
#js-meganav .childcontent .moduletable a:hover{color: #F48F45!important;}

    .uk-float-left.header-lft{ width: 100%; margin:0;}
    .uk-float-right.header-rgt{ display:none; width: 100%; margin:0;}
    .tm-toolbar .uk-float-left .uk-panel{margin:auto; float: none; width: 100%; text-align: center;}
    .tm-toolbar .uk-float-left .uk-panel a{ display: inline-block;}
    .tm-toolbar .uk-float-right .uk-panel{margin:auto; float: none; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; }
    .tm-toolbar .uk-float-right .uk-panel .box-title{display:inline-block; text-align: center; margin:0;  vertical-align: middle; padding-top: 0; padding-bottom: 5px;}
    .tm-toolbar .uk-float-right .uk-panel .rsform{display:inline-block; text-align: center; vertical-align: middle; }
    .tm-toolbar .uk-float-right .uk-panel .rsform .formResponsive{margin:0;}
    .tm-toolbar .uk-float-right .uk-panel .rsform .formResponsive .formHorizontal{margin:0;}
    .tm-toolbar .uk-float-right p.topbutton {text-align:center; margin:5px 0 0;}
    .tm-toolbar .uk-float-right p.topbutton a {display: inline-block;}
    .uk-panel-box .product-buttons .uk-width-medium-1-3, .uk-panel-box .product-buttons .uk-width-medium-2-6{width: 48%;}
    .homepage #home-title-box h1{/*font-size: 48px!important;line-height: 46px!important;*/font-weight: 700;}
    .homepage #home-title-box p{font-size: 14px; line-height: 18px;}
    .homepage #main-summary p{ font-size: 13px; width:100%;    margin-bottom: 0px !important;}
    .homepage #main-summary img{width: 255px; margin-right: 5px!important; margin-bottom:15px;}
    .homepage .quote-cta .btn{ font-size: 23px!important; padding:20px 25px; border-radius:10px;}
    .homepage .quote-cta img{ width: 40px; float: left; margin-top: 34px!important;}
    .homepage .quote-cta p{font-size: 15px; margin:0; margin-top:20px!important; margin-left: 5px!important; float: left!important;}
    .uk-panel-box .product-buttons{text-align: center;}    
    .product-buttons .product-area{ display: inline-block; float: none!important; }
    #tm-bottom-b .uk-panel-box a img{ width: 250px!important;}
    #tm-bottom-b .uk-width-medium-1-2 .uk-panel-box h3{ font-size: 18px; margin-left: 75px!important; text-align: right;}
   #tm-bottom-b .uk-panel-box div{height: 160px !important; margin-top: 10px !important; width: 200px !important; }
   #tm-bottom-b .uk-panel-box div div{margin-top:0!important;}
   #tm-bottom-b .uk-panel-box img{margin-top: 10px!important;}
   .reasons-to-choose-full-width ul li{ min-height:130px!important;}
   .uk-float-right.header-rgt{margin-bottom: 0!important;}
   #top-banner p.strapline{margin-top: 13px!important; margin-bottom: 0px!important;}
   section#tm-top-a{background-position: -140px -40px !important;}
   .homepage .testimonials p{font-size: 15px; line-height: 22px; margin-top: 10px;}
   .uk-container{max-width:100%!important;}
   #social-buttons{ width: 30px!important; top:5px!important; right: -7px;}
   .googlebutton, .twitterbutton, .facebookbutton{ margin:0!important;}
   .tm-toolbar .uk-float-right .uk-panel .box-title{margin-top: 5px!important;}
   .tm-toolbar .uk-float-right .uk-panel .rsform{margin-top: 0!important;}
   body.products #innertop{min-height:60px; text-align: center;}
   #innertop .grid-block div p{display: inline-block; float: none; margin-right: 0;}
   #innertop .grid-block .uk-nav{display: inline-block; float: none;}
   #innertop .grid-block .uk-panel-title{display: inline-block; float: none;}
    .wk-gallery.wk-gallery-wall.clearfix.zoom > a{width: 25%;}
    .wk-gallery-wall > a{width: 25%;}
    .about_page .wk-gallery-wall > a{ width: 30%;}
    .about_page .wk-gallery-wall>* {float: right !important;}
    #js-mainnav.megamenu.blackwhite{padding:0!important;}

    .landingpage #banner{ text-align: center;}
    .landingpage #banner a{display: inline-block; float: none ; margin:auto;}
    .landingpage #banner img{display: inline-block; float: none!important ; margin:auto!important; margin-top: 20px!important;}
    #js-meganav .childcontent .megacol{padding-bottom: 0!important;}
    #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title{background-position: 64%;}
    #js-mainnav.megamenu .childcontent .moduletable h3 a{text-align: center; margin:0!important; padding: 0!important; height: 40px!important; line-height: 40px!important; display: block;}
    #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega{text-align: center;}
    #js-mainnav.megamenu.blackwhite .childcontent .moduletable{padding:0;}
    #js-mainnav.megamenu .childcontent .moduletable h3{margin-top: 0!important;  padding: 0!important;}
    .wk-slideshow-tabs .slides-container ul li ul li { text-align: left; font-size: 15px!important;}
    .product-brandbb-technical-info-about-origin-bifold-doors .slides-container li p{text-align: left!important;}
    .product-brandbb-features-of-the-origin-bifold-door .productrow p{ text-align: left!important;}
}
.tm-bottom-b .uk-panel-box p.privacypolicy {
 padding-left: 50px;
}

@media only screen and (max-width:960px){
#yoo-zoo.product-brandbb .productrow table{width: 100%!important;}
#yoo-zoo.product-brandbb .productrow p{text-align: center;}
#yoo-zoo.product-brandbb .productrow p img{ float: none!important;}
#yoo-zoo.product-brandbb .productrow table.features-list td {text-align: center;}
#yoo-zoo.product-brandbb .productrow table td{display: block;}
#yoo-zoo.product-item.product-brandbb .productrow table.features-list h3 {margin-top:0 !important;}
#yoo-zoo.product-brandbb .productrow table.features-list td {padding-bottom: 0;}
#yoo-zoo.product-item.product-brandbb .productrow table.features-list tr td:first-child img {margin-top:5px !important;}
#yoo-zoo .item li{width: 100%!important;}
.origin #yoo-zoo .item li{ width: auto!important;  margin-bottom:10px!important;}
.product-brandbb-installation-of-your-sunflex-bifold-doors{background-position: 0 150px!important;}
.product-brandbb-features-of-horizon-aluminium-bifolds p{text-align: left!important;}
.product-brandbb-features-of-horizon-aluminium-bifolds p.pos-strapline{text-align: center!important;}
    .landingpage #yoo-zoo #userForm{width: 100%!important; margin:0!important; margin-bottom: 40px!important; margin-top: 20px!important;}
 
}

@media only screen and (max-width:800px){
.homepage .tm-top-b .testimonials img{float: none!important; margin:auto!important; width: 180px; display: block; margin-bottom: 20px!important;}
.homepage #tm-top-b .reasons-to-choose-full-width .h2{font-size: 27px!important; padding-left: 43px!important; background-size:30px!important; width: 206px!important;}
.homepage .testimonials .testimonial h2{text-align: center!important;}
.homepage .tm-top-b .testimonials .testimonial{margin-left: 20px!important; padding-right: 20px!important;}
.homepage .testimonials p{ text-align: center!important;}
body.fullwidth #yoo-zoo blockquote{line-height: 26px!important;}

}


.top-menu .cuz_menu_title { display:none; background:#e3e3e3 none repeat scroll 0 0; color: #000; text-align: center; line-height: 40px; }

@media only screen and (max-width:768px){
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box{margin-top:36%; text-align: center;}
#home-title-box{padding-left: 20px!important; padding-right:20px!important;}
#home-title-box p{padding-right: 0!important;}
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box #home-title-box{ margin-right: 0!important;}
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box #main-summary{ margin-right: 0 !important; padding-left: 0 !important; width: auto !important;  float: none!important; display: inline-block!important;}
#main-summary p{ width: 250px!important;}
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box .quote-cta{ margin-right: 0 !important; padding-left: 0 !important; width: auto !important; float: none!important; display: inline-block!important;}
section#tm-top-a{ background-position: top!important; background-repeat: no-repeat!important; background-size: 100%!important;}
.uk-panel-box .product-buttons .uk-width-medium-1-3, .uk-panel-box .product-buttons .uk-width-medium-2-6{ width: 98%; margin:auto; margin-bottom: 20px;}
#top-banner{padding-bottom: 20px!important;}
#top-banner .grid-block{text-align: center!important;}
.homepage .btn-2{border-radius: 8px;}
#top-banner p.strapline{display: inline-block; float: none!important;margin-left: 0!important; margin-bottom: 0!important;}
#top-banner p.tel-cta{display: inline-block; float: none!important; margin-left: 0!important;}
.top-menu .cuz_menu_title   { display:block; }
.top-menu .cuz_menu_content { display:none; }
.tm-toolbar .top-menu li{width: 100%; float: none; text-align: center; border-bottom: 1px solid #eee;}
.tm-toolbar .top-menu li a{ text-align: center;}
.homepage #tm-top-b .reasons-to-choose-full-width .h2{ background-position:0!important; background-size:45px!important; padding-left:55px!important; width:307px!important; float: none!important; margin:auto!important; font-size: 40px!important; margin-bottom: 20px!important;}
.reasons-to-choose-full-width ul{ padding-left: 0!important;}
#tm-bottom-b .uk-width-medium-1-2{ width: 100%;}
#tm-bottom-b .uk-width-medium-1-2:last-child{ width: 95%; margin-top: 50px; padding-left: 35px!important;}
.reasons-to-choose-full-width ul li{font-size: 16px; margin-bottom: 30px!important; min-height: 40px!important;}
.homepage .testimonials .testimonial h2{ font-size:23px!important;}
.homepage .testimonials p{ font-size: 16px; line-height: 21px;}
#tm-bottom-a .uk-panel-box{ font-size: 20px;}
#tm-bottom-a .uk-panel-box .description{ font-size: 13px; line-height: 21px;}
#tm-bottom-b .uk-width-medium-1-2 .uk-panel-box h3{margin-left: 0px!important; text-align: left; }
#tm-bottom-b .uk-panel-box img{float: left!important; margin-right:0px!important; margin-top: 15px;}
#tm-bottom-b .uk-panel-box div{float: left!important;  margin-left: 0px!important;  margin-top:15px; margin-right: 15px;}
#tm-bottom-b .uk-panel-box div div{margin-left: 0!important; margin-top: 0; margin-right: 0;}
.homepage .quote-cta img{ float: left!important; margin-top:40px!important; width: 30px;}
.homepage .quote-cta p{float: left!important; margin-top:29px!important; font-size: 18px!important; }
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box .quote-cta .clearfix{ margin-right: 15px;}
.uk-width-small-1-1 {width: 100%;}
  .reasons-to-choose-full-width ul{ margin-bottom: 0!important; margin-top: 0!important;}
  .tm-top-a .uk-width-medium-1-2{ width: 100%!important;}
 
  .uk-float-left.header-lft .top-menu{ margin-bottom: 0px!important;}
.tm-toolbar .uk-float-left .uk-panel a{margin-bottom: 7px; margin-top: 5px;}

.top-menu ul li a{padding-right: 0!important; padding-left: 0!important;}
#tm-bottom-b .uk-panel-box a img{ width:212px!important;}
#tm-bottom-b .uk-panel-box div{height: 135px!important;}
.homepage .quote-cta .btn{  border-radius: 10px; font-size: 21px !important; line-height:25px; padding: 15px 40px; width:230px;}

.faq_page .tm-main{width: 100%!important;}
.faq_page .tm-sidebar-a{ width: 100%!important;}
.faq_page main{padding:25px!important;}
.faq_page .tm-sidebar-a .ebooksignup2{margin-top: 0;}

.blog .tm-main{width: 100%!important;}
.blog .tm-sidebar-a{ width: 100%!important;}
.blog main{padding:25px!important;}
.blog .tm-sidebar-a .ebooksignup2{margin-top: 0;}
.visit_showroom_page #yoo-zoo p{text-align: center;}
.visit_showroom_page #yoo-zoo .rowcontainer{padding-top:35px!important; padding-bottom:35px!important;}
.visit_showroom_page #yoo-zoo .one-third{ width: 100%;text-align: center; margin:0!important;}
.visit_showroom_page #yoo-zoo .two-thirds{ width: 100%;text-align: center; margin:0!important;}
.visit_showroom_page #yoo-zoo .one-half{width: 100%; margin:0!important; text-align: center;}

.visit_showroom_page #yoo-zoo .wk-map{width: 360px!important; float: none!important; margin:auto!important;}
.fullwidth #yoo-zoo .item div.pos-content h2{margin-top: 20px!important; }
.visit_showroom_page #tm-content #yoo-zoo h2 {font-size: 30px!important;text-align: center;}
.visit_showroom_page #tm-content #yoo-zoo h2:first-of-type{margin-top: 20px!important;}
.tm-noblog #yoo-zoo .details.alignment-right .image{float: none; margin:auto!important;  margin-bottom: 20px!important;}
.tm-noblog #yoo-zoo .details.alignment-right{text-align: center;}
.tm-noblog #yoo-zoo .width50{width: 100%!important;}
.tm-noblog #yoo-zoo .items div.teaser-item{ text-align: center;}
.tm-noblog #yoo-zoo .items .teaser-item div.pos-media{margin-right: 0; float: none;}
.tm-noblog #yoo-zoo .items p.pos-links span a{text-align: center; display: block;}
.tm-noblog #yoo-zoo h1.box-title{text-align: center;}
#yoo-zoo .item .element-textarea > *{text-align: left;}
.faq_page #yoo-zoo .categories .last{ width: 100%!important;}
#innertop .grid-block .uk-nav{text-align: center; margin-bottom:5px; margin-top: 5px;}
#innertop .uk-nav.uk-nav-parent-icon.uk-nav-side li{float: none!important; display: inline-block;}
#innertop .grid-block div p{margin-bottom: 5px;}
#yoo-zoo.product-brandbb .pos-main-introduction .wk-slideshow-showcasebox .slides > li > article{padding: 10px 10px!important;}
#innertop .grid-block .innersubmenu ul.uk-nav li{border-bottom: 1px solid #eee; padding: 6px 0;}
#innertop .uk-nav-side > li > a{width: 100%; padding:0; padding-top: 6px; padding-bottom: 0px; display: block;}
#yoo-zoo.product-brandbb .pos-call-to-action p{text-align: center; display: block;}
.wk-gallery.wk-gallery-wall.clearfix.zoom > a{width: 33.3%;}
#innertop .grid-block .innersubmenu h3.uk-panel-title{margin-bottom: 10px!important;}
#innertop .grid-block .innersubmenu h3.uk-panel-title a{
    background:rgba(0, 0, 0, 0) url("arrow3.png") no-repeat scroll right center;
    padding-right: 15px;
    background-repeat: no-repeat;}
.wk-gallery-wall > a{width: 33.3%;}
.about_this_website .tm-main{width: 100%!important;}
.about_this_website .tm-sidebar-a{width: 100%!important;}

.about_page .wk-gallery-wall > a{width:45.3%;}
.product-brandbb-features-of-horizon-aluminium-bifolds p{text-align: center!important;}
.product-brandbb-features-of-horizon-aluminium-bifolds p.pos-strapline{text-align: center!important;}
.yoo-zoo.element-download-button{margin:auto;}
#tm-bottom-b .uk-width-medium-1-2 ul{padding-left:0;}
.contactus fieldset.formFieldset legend{text-align: center!important;}
.contactus fieldset.formFieldset ol.formContainer li:not(:first-child) .formCaption{width: 100%!important;}
.contactus .formContainer .rsform-block-message .formBody textarea{width: 93%!important; float: left;}
.visit_showroom_page #lightbox-content img{width: 100%!important;}

.product-brandbb-features-of-the-origin-bifold-door .productrow table td{padding-bottom: 0!important;}
.product-brandbb-features-of-the-origin-bifold-door .productrow table td h3{margin-top: 0!important;}
#yoo-zoo p.title{line-height: 36px;}
#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title{ background-position: 67% center;}

.wk-slideshow-tabs .slides-container ul li ul li { text-align: left; font-size: 15px!important;}
.wk-slideshow-tabs .slides-container ul li ul{padding-left: 15px!important;}

.product-brandbb-technical-info-about-origin-bifold-doors .slides-container li p{text-align: center!important;}
.product-brandbb-features-of-the-origin-bifold-door .productrow p{ text-align:center!important;}
.product-brandbb-installation-of-your-origin-bifold-door .productrow li{text-align: left!important;}
#social-buttons a{margin-bottom: 0; margin-top: 0;}
.top-menu .cuz_menu_title {position: relative;}
.top-menu .cuz_menu_title .hamburger1{ height: 25px;
    position: absolute;
    right: 12px;
    top: 11px;
    width: 30px;}
.top-menu .cuz_menu_title .hamburger1 span{width:100%; height:4px; background-color: #333; margin-bottom:3px; display: block; }
.product-brandbb-features-of-the-origin-bifold-door .productrow table tr td:first-child{width:100%;}
.product-brandbb-features-of-the-origin-bifold-door .productrow table tr td:first-child img{margin-bottom: -15px!important; margin-top:30px!important;}
.tm-bottom-b .uk-panel-box p.privacypolicy {
 padding-left: 10px;
text-align:center;
}
}

@media only screen and (max-width:702px){
.tm-toolbar .uk-float-right .uk-panel .box-title{margin-bottom: 15px!important;}
.product-brandbb-features-of-the-sunflex-55-bifold-door, .product-brandbb-photos-of-sunflex-55-bifold-doors, .product-brandbb-installation-of-your-sunflex-bifold-doors, .product-brandbb-what-people-say-about-sunflex-55-bifold-doors, .product-brandbb-technical-info-about-sunflex-55-bifold-doors, .product-brandbb-products-related-to-sunflex-55-bifold-doors{ background-position: 0 170px!important;}
}

@media only screen and (max-width:600px){
.product-brandbb-installation-of-your-sunflex-bifold-doors{background-position: 0 190px!important;}
#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title{ background-position: 71% center;}
}


@media only screen and (max-width:480px){
.reasons-to-choose-full-width ul.first{padding-right: 0!important;}
.uk-panel.style-raw img.logo{ width: 80%; margin:auto; float: none; margin-top: 10px; margin-bottom: 5px;}
#top-banner p.tel-cta{ text-align:center!important;}
.homepage #home-title-box h1{ font-size: 30px!important;line-height:36px!important;}
#main-summary p{ width: 100%!important; margin:0!important; margin-top: 20px!important;}
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box #main-summary{text-align: center;}
.homepage #main-summary img{ width: 340px; margin-right: 10px!important; float: none; display: inline-block;}
.homepage #main-summary, .homepage .quote-cta{ padding-bottom: 20px; padding-left: 0!important; text-align:center;}
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box .quote-cta .clearfix{width: 100%!important; margin:0!important; margin-top: 20px!important; text-align: center!important;}
.homepage .tm-top-a .uk-width-1-1 .uk-panel-box .quote-cta .clearfix form{margin-bottom: 0!important;}
.homepage .quote-cta .btn{display: inline-block!important;}
.homepage .quote-cta img{display: none!important;}
.homepage .quote-cta p{ width:100%!important;}
.reasons-to-choose-full-width ul li{padding-left: 0!important; padding-top:55px!important; background-position: center top!important; text-align: center!important; min-height: 45px!important; margin-bottom: 50px!important;}
.homepage .tm-top-b .testimonials img{float: none!important; margin:auto!important; width: 180px; display: block; margin-bottom: 20px!important;}
.homepage #tm-top-b .reasons-to-choose-full-width .h2{font-size: 27px!important; line-height: 33px !important; padding-left: 43px!important; background-size:30px!important; width: 206px!important;}
.homepage .testimonials .testimonial h2{text-align: center!important;}
.homepage .tm-top-b .testimonials .testimonial{margin-left: 20px!important; padding-right: 20px!important;}
.homepage .testimonials p{ text-align: center!important;}
#tm-bottom-b .uk-panel-box div{ width: 95%!important; height: 230px!important;}
#tm-bottom-b .uk-panel-box div div{ width: 100%!important;}
#tm-bottom-b .uk-panel-box a img{width: 95%!important; margin-top: 30px!important;}
#tm-bottom-b ul{padding-left: 0!important;}
.tm-bottom-b .uk-panel-box li a{ text-align:center!important; width:100%!important; display: block!important;}
#tm-bottom-b .uk-width-medium-1-2 .uk-panel-box h3{ text-align: center!important;}
.homepage #main-summary p{font-size: 14px;}
.tm-toolbar .uk-float-right .uk-panel .box-title{padding-right: 0;}
#yoo-zoo h1.box-title > span > span{height: auto!important;   font-size: 15px; line-height: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px;}
#tm-content #yoo-zoo.category.product-brandbb h1.title {line-height: 30px !important;}
#tm-content #yoo-zoo.category.product-brandbb h2.subtitle {font-size: 18px !important;line-height: 24px !important;}
.tm-noblog main{ padding:20px 20px 10px !important ;}
#social-buttons{display: none;}
#yoo-zoo.product-brandbb .instantquote .button{font-size: 13px!important; padding:8px 8px 8px!important;}
#yoo-zoo.product-brandbb .instantquote img{width: 50px!important;}
#yoo-zoo.product-brandbb .instantquote div{width: 100%!important;}
#yoo-zoo .pos-call-to-action .pinkbutton{font-size: 13px!important; padding:8px 8px 8px!important;}
#yoo-zoo .pos-call-to-action  img{width: 50px!important;}
#yoo-zoo .pos-call-to-action  div{width: 100%!important;}
#yoo-zoo.product-brandbb .productrow table td{display: block;}
.wk-gallery.wk-gallery-wall.clearfix.zoom > a{width: 50%;}
.wk-gallery-wall > a{width:50%;}
body.blog #yoo-zoo.blog-blazen h2.sub-pos-title a{font-size: 29px!important; line-height:37px!important;}
 .about_page .wk-gallery-wall > a{ width:94%;}
 .contactus .rsform .rsform-input-box{width: 146px!important;}
 .tm-noblog.products.mean-container main#tm-content{padding:20px 5px 0px!important;}
 #yoo-zoo .categories .category{ padding-right: 0;}
 #yoo-zoo.product-brandbb .categories .category a.teaser-image img{width: 100%;}
.products .pos-descriptionrow2 .element-joomlamodule div{width: 100%!important;}
.products .pos-descriptionrow2 .element-joomlamodule div .pinkbutton{ font-size: 13px!important; padding:8px 12px!important;  margin-right: 0!important;  }
.products .pos-descriptionrow2 .element-joomlamodule div img{width: 65px!important;}

.products .skylights_page div{width: 100%!important;}
.products .skylights_page div .pinkbutton{ font-size: 11px!important; padding:7px 7px!important; margin-right: 0!important; }


#yoo-zoo.product-brandbb h1.title, #yoo-zoo.product-brandbb h1.pos-title{ font-size: 36px!important; line-height:36px!important;}
#yoo-zoo.product-brandbb h1.pos-title span{ line-height: 35px!important;}
#yoo-zoo.product-brandbb .pos-descriptionrow1 ul{padding-left: 0;}
#yoo-zoo p{font-size: 17px!important;}
.about_this_website main{padding:10px 15px 5px !important;}
.about_this_website .tm-sidebar-a .uk-panel-box{padding:5px 15px 35px;}

.origin #yoo-zoo  .slides-container li{width: 100%!important;}
.wk-slideshow-tabs .nav span{font-size: 14px;}
.product-brandbb-installation-of-your-sunflex-bifold-doors{background-position: 0 230px!important;}
.pos-meta .blog-promotion p{text-align: center!important;}
.pos-meta .blog-promotion a{text-align: center; display: block;}
.pos-bottom .blog-promotion p{text-align: center!important;}
.pos-bottom .blog-promotion h2{text-align: center!important;}
.pos-bottom .blog-promotion p img {width: 100%;}
.page_with_sidebar main, .tm-sidebar-a-right main{ padding:5px!important;}
.visit_showroom_page .wk-map label{font-size: 13px;}
.visit_showroom_page .wk-map input[type="text"]{ width: 92px;}
.visit_showroom_page .wk-map button{float: left;}
#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title{ background-position:82% center;}

.origin .product-brandbb-installation-of-your-origin-bifold-door .productrow .element-textarea ul li{text-align: left!important; margin-left: 30px!important; width: 80%!important;}
}


@media only screen and (max-width:400px){
.contactus fieldset.formFieldset ol.formContainer li {width: 90%!important;}
.contactus div.formCaption{ width:100%!important ;}
.contactus fieldset.formFieldset ol.formContainer li:not(:first-child) .formBody{ width:100%!important ;}
#yoo-zoo.product-brandbb h1.title span, #yoo-zoo.product-brandbb h1.pos-title span{line-height: 30px!important; display: block!important; padding-left: 10px!important;}
.product-brandbb-features-of-the-sunflex-55-bifold-door, .product-brandbb-photos-of-sunflex-55-bifold-doors, .product-brandbb-installation-of-your-sunflex-bifold-doors, .product-brandbb-what-people-say-about-sunflex-55-bifold-doors, .product-brandbb-technical-info-about-sunflex-55-bifold-doors, .product-brandbb-products-related-to-sunflex-55-bifold-doors{ background-position: 0 230px!important;}
}