@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family: 'Poppins', sans-serif;}
a:hover{text-decoration: none;}
.topBar, .copyright {background:#111;}
.contactRight{display: flex; flex-direction: row-reverse;}
.contactRight a {
    color: #fff;
    padding: 6px 0;
    font-size: 13px; margin-right:20px; 
}
.menu {
    background-color: #000;
}
.menu a {
    color: #fff;
    text-transform: uppercase;
}
.Icon {
    background: url(../images/icons.png)no-repeat;
    display: block;
    position: relative;
    width: 100px;
    height: 40px;
}
.socialIcons ul,.socialIcons-footer ul {
    margin-bottom: 0;
    padding-left:0px; 
  }
  .topBar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .socialIcons ul {
  
  }
  .topBar .container {
    display: flex;
    justify-content: space-between;
}
.topBar .container {
	display: flex;
	justify-content: space-between;
}
.socialIcons li,.socialIcons-footer li {
    line-height: 0;
	list-style: none;
}
.socialIcons-footer li{ float:left; }

.twitterIcons {
    background-position: 2px -186px !important;
}
.youtubeIcons {
    background-position: 1px -223px !important;
}
.instagramIcons {
	background-position: 2px -260px !important;
}

.socialIcons a,.socialIcons-footer a {
	background: url("../images/social_Media_icons.svg")no-repeat;
	background-size: 140px;
	width: 34px;
    height: 34px;
    margin: 3px 5px;
    display: inline-block;
    background-size: 30px;
    background-color: #fff;
    border-radius: 40px;
}
.feature-icon img {
    max-height: 100px;
}
.socialIcons a:nth-child(1),.socialIcons-footer a:nth-child(1){background-position: 2px -151px;}
.homeIcon{width: 53px;
    height: 30px;
    background-position: 0 -47px;}
    .site-header > .container{align-items: center;}
.mainBanner {
        background: url(../images/new/banner.webp)no-repeat, url(../images/new/banner.webp)no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        padding: 60px 0;
    }
    
    .sliderhead1{  color: #fff;font-weight:400;line-height: 38px;  font-style:italic; font-weight:bold;  padding:10px 20px; display:block; margin:200px auto 0px auto; width: 100%; text-align:center;
 font-size:34px; font-family: 'PT Serif', serif;  text-shadow: 0px 0px 2px rgba(0,0,0,1);  }
 .sliderhead2{  color: #fff;font-weight:400;line-height: 38px;  font-style:italic;  font-weight:bold;  padding:10px 20px; display:block; margin:0px auto 0px auto; width: 100%; text-align:center;
 font-size:34px; font-family: 'PT Serif', serif; text-shadow: 0px 0px 2px rgba(0,0,0,1);   }
 
    .leftText h1 {
        font-size: 29px;
        color: #000;
        font-weight:400;
        line-height: 30px;
        background:rgba(232,184,29,0.95); font-style:italic;
        padding:10px 20px; display:block; margin:50px auto 20px auto; width: 600px; text-align:center;
border-radius: 40px;
font-family: 'PT Serif', serif;
    }
     .leftText h3{ 
         font-size: 22px;
        color:#fff ;
        font-weight:400;
        line-height: 30px;
        background:#000; font-style:italic;
        padding:10px 20px; display:block; margin:0px auto 20px auto; width: 400px; text-align:center;
border-radius: 40px;
font-family: 'PT Serif', serif;
         
     }
     .leftText .mouse-scroll{ padding-bottom:30px; text-align:center; }
     .leftText .mouse-scroll a{ background:transparent; padding:0px ;} 
    .leftText span{color: #fcc210; }
    .bannerForm{background-color: #00030a;     box-shadow: 0 0 0 5px #fff;     padding-top: 15px;}
    .bannerForm input[type="text"], .bannerForm input[type="email"],.bannerForm textarea, .bannerForm :focus{
        background-color: transparent;        
        border: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        font-weight: 600;
        color: #fff;
        padding-left: 0;
    }
    
    .bannerForm h4 {
        font-weight: 700;
        text-transform: uppercase;
        color: #fcc210;
        font-size: 22px;
        text-align: center;
    }
    
    .bannerForm h1 {
        font-size: 41px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 20px;
        color: #fff;
        text-align: center;
    }
    .leftText a {
        background-color: #000;
        padding: 17px 20px;
        display: block;
        border-radius: 50px;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
       margin: 20px auto;
width: 280px;
text-align: center;
    }
    .bannerForm input[type="submit"] {
        display: inline-block;
        width: 150px;
        border-radius: 40px;
        border: none;
        background-color: #fcc210;
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
    }
    .bannerForm p {
        font-size: 16px;
        color: #fcc210;
        text-transform: uppercase;
    }
    .bannerForm{background: url(../images/pettern1.jpg); display:none !important; }
    .bannerForm form {
        margin-top: 30px;
    }
    .bannerForm  input::placeholder, .bannerForm  textarea::placeholder {
    color: #fff !important;
    font-weight: 400;
}
.who {
    background-color: #fff;
    padding: 80px 0;
}
.who h2 {
    font-size: 40;
    font-weight: 400;
    margin: 0px auto 0px auto;
    color: #000;
    font-family: 'PT Serif', serif;
    font-style:italic;
}
.who p {
    font-size: 18px;
    line-height:32px; 
    width: 100%;
    padding: 0 80px;
    text-align: center;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #000;
    line-height: 30px;
}
.products{background-color: #ebebeb;     padding: 70px 0;}

.products h2 {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
    color:#000;
}
.products p {
    font-size: 16px;
    line-height: 35px;
    color: #000;
}
.products .row{align-items: center;}
.mainBanner::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 360px;
    background-color: #ffffff26;
    top: 190px;
    margin: auto;
    display:none; 

}
.leftText {
    padding-top: 55px;
}
.picture img{width: 100%;}
.doors {
    background:url('../images/new/darkbg.webp');
    padding:60px 0px;

}
.doors h2{ text-align:center; margin-bottom:40px; color:#fff;  font-family: 'PT Serif', serif;   font-style:italic;  font-weight:400;  }
.doors h2 span{ color:#fcc210;}
.titleBox h4 {    padding: 0px 0;   margin-top:20px; color:#000;text-align: left; font-size: 21px; font-family: 'PT Serif', serif;   font-style:italic;  font-weight:400;}
.doors p{ font-size: 13px;  min-height: 98px; }
.doors img{ border-radius:10px; }
.doors  .viewAll a{ background:#fcc210; color:#000; }
.doorbox {
    background-color: #fff;
    padding: 15px 15px;
    margin-bottom: 30px;
    float:left;
    border-radius:10px;
}
 
.more a {
    background-color: #fcc210;
    color: #000;
    border-radius: 20px;
    padding: 6px 25px;
}
.more a:hover{
    background-color: #000;
    color: #fff;
}

.viewAll {
    background-color: transparent;
    padding: 20px 0;
    text-align: center;
    margin-top: 0px;
}

.viewAll a {
    background-color: #000;
    color: #fff;
    padding: 10px 60px;
    border-radius: 40px;
    text-transform: uppercase;
    display: inline-block;
}

.viewAll a {
    font-size: 23px;
    font-weight: 500;
}
.aboutContent {
    padding: 50px 0;
}
.aboutContent h2 {
    font-size: 40px;
    font-weight: 700;
}

.aboutContent h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 20px;
}
.aboutContent p {
    font-size: 16px;
    line-height: 37px;
}
.site-header picture * {
	width: 100%;
}
.listAbout{list-style: none;    padding-left: 0;}
.listAbout li::before {content: "";display: block;position: absolute;width: 45px;height: 30px;background: url(/newdesign/images/icons.png)no-repeat;background-size: 90px;top: 0;left: 0;background-position: left -153px;}

.listAbout li {
    position: relative;
    padding-left: 49px;
    list-style: none;
    line-height: 33px;
}

.quoteNow{  background:#fcc210; padding-top: 40px;    padding-bottom: 30px;}
.quoteNow h3 {
    color: #000;
    font-weight: 400;
    font-size: 35px;
    font-style:italic;
    font-family: 'PT Serif', serif;
}
.quoteNow .row{    align-items: center;}
.clickHere a {
    background-color: #000;
    padding: 10px 40px;
    display: inline-block;
    margin: 10px 0;
    font-size: 23px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    text-transform:capitalize;
    float:right; 
}

.certified-title{ padding:100px 0px 30px 0px;}
.certified{background:#fcc210;     padding: 60px 0;}
.certified-title h2 {  width: 100%;  font-size: 40px;  margin: auto;   text-align: center;  color: #000;  text-transform:capitalize;  font-weight: 400;margin-bottom: 20px; font-family: 'PT Serif', serif; font-style:italic;  }
.certified-title h2 span{ color:#fcc210;}
.certified .col-md-2{ border:4px solid #fcc210; border-radius:100%; margin-right:25px;  }
.certified h3 {  color: #000; font-size:20px;  font-weight: 600;  text-align:left;   margin-top:24px; }
.certified .row{ padding:15px 0px; }
.certified .col-md-5 img{ border-radius:200px; }
.certified p{ text-align:left; color:#000; font-size:12px;}
.certified img{ float:left; margin-right:10px; }
.testimonial-section{background:url(../images/new/whitebg.webp) no-repeat top center; background-size:cover; min-height:860px;   padding:150px 0px 80px 0px;}
.testimonial-section h2{ color:#000; margin-bottom:80px;font-weight:400; font-family: 'PT Serif', serif; font-style:italic; font-size:40px;  }
.testimonial-section .slick-slide{ padding:20px; background:#fff; border-radius:10px; margin:0px 10px !important; min-height:290px !important;  }
.testimonials{
    overflow:inherit !important;
    max-height: 300px;
}
.testimonial-section .slick-slide .testimonial{ padding:0px 0px !important; }
.testimonial-section .slick-active.slick-center{  background:#fcc210; }
.message {
	color: #000;
	font-size: 16px;
	line-height: 28px;
}

.testimonial{
    padding: 20px 0px;
    text-align: center;
    margin:0px 15px;
    background:#fff;
    border-radius:15px;
}
.testimonial .pic{
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 25px;
    overflow: hidden;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial p{
    padding: 0 15px;
    font-size: 15px;
    color: #808080;
    line-height: 26px;
    text-align:left;
    min-height:200px;
}
.testimonial .testimonial-title{
    font-size: 16px;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
    position: relative;
    text-align:left;
    padding:0px 15px;
}
 
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: #fcc210 !important;
    margin: 5px 7px;
    opacity: 0.5;
}
.owl-theme .owl-controls .owl-page span{}

.blockquote-footer {
	color: #000 !important;
}
.carousel-controls .control{width: 15px;    height: 15px;}
.testimonial h2, .brands h2{font-size: 40px; font-weight: 400;    margin: 0 auto 40px; color: #000; font-family: 'PT Serif', serif; font-style:italic;}
.brands h2 span{ color:#fcc210; }
 
.brands{ background:url('../images/new/brand-bg.png') bottom right no-repeat;}
.brands h2 {
    width: 100%;
    text-align: left;
    margin: 60px 0 0px;
    font-size: 40px;
    font-weight: 400;
}
.brandsBox{ padding:80px 0px; }
.brandsBox img {
    width: 100%;
    object-fit: scale-down;
}
.roundbrandpic img{ border:4px solid #fcc210; border-radius:50%; width:80%; float:right; }
.brands {
    padding-bottom: 60px;
}
footer {
    padding: 50px 0;
    background-color: #000;
}
.logoPic {
    text-align: center;
    padding:80px 0px;
}

.roundImage {
    text-align: center;
    padding: 30px 0;
}
.map img{width: 100%; object-fit: scale-down;}
.map{ margin-bottom:10px; }
footer h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 40px;
    font-family: 'PT Serif', serif;
}

footer ul {
    padding-left: 0;
    list-style: none;
}

footer ul li {
    text-transform:none; font-size:18px; 
}

footer ul li a {
    color: #c1c1c1;
    line-height: 30px;
}
.roundImage > a {
    background-color: #fcc210;
    color: #000;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 30px;
    margin-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}
.roundImage img {
    display: block;
    margin: auto;
}
.LinkIcon, .locationIcon {
    background: url(../images/icons.png)no-repeat;
    width: 48px;
    height: 40px;
    display: inline-block;
    background-position: left -474px;
    background-size: 100px;
    vertical-align: middle;
}

.locationIcon {
	background-position: 0 -546px;
}
.copyright {
    padding: 20px 0;
}
.copyright .row {justify-content: space-between ;}
.copyright * {
    color: #888;
}
.menuLinks{display: flex;    width: 60%;        justify-content: space-between; margin-left: 20px;}
.phoneBox a {
	background-color: #fcc210;
	display: inline-block;
	padding: 8px 14px;
	border-radius: 40px;
	color: #000;
	font-weight: 600;
	margin-left: 20px;
}
.new-phoneBox a{ background:#fcc210; color:#000; }

.phoneBox a{display: flex;   font-size:21px; align-items: center;}
.phoneBox a::before {
    content: "";
    position: relative;
    display: inline-block;
    background: url(/newdesign/images/new-icons.png)no-repeat;
    width: 20px;
    height: 21px;
    background-position: -10px -70px;
    background-size: 87px; font-size:24px;
}
.new-phoneBox a:before{ color:#000;     width: 20px;    height: 20px;    background-size: 91px;    background-position: -10px -75px;    margin-right: 9px;}
.menuLinks ul{display: flex;    width: 100%;    justify-content: space-between;    margin-left: 20px; padding-left:0; margin-bottom: 0; margin-left: 0; align-items: center;}
.menuLinks ul li{list-style: none;}
.menuLinks li ul {    display: none; position: absolute;
    background-color:
    #fcc210;
    width: 25%;
    padding: 10px; border-radius:10px;
}
.menuLinks li:hover ul{display: block;}
.menuLinks ul li > ul li a {	display: block;	color: #000; border-bottom:2px outset   #fcc105; font-size: 14px; text-transform: capitalize;}
.barIcon{background: url(../images/menuBarIcon.svg)no-repeat; display: block;    width: 27px;height: 25px;position: absolute; z-index:9999 !important; background-size: 20px;right: 15px;top: 30px;-webkit-filter: invert(100%) ;cursor: pointer;
    filter: invert(100%);}

    .barIcon{display: none;}
    .ShowMenu{display: block !important;        position: absolute;   z-index:5;     width: 95%;        background-color:         #454545;        top: 67px; margin-left: 0;}
    .ShowMenu li a {display: block !important; font-size: 14px;}
    .ShowMenu ul {
        display: flex;
        flex-direction: column;
        padding: 30px 0;
    }
    
    
.py-3{ padding:20px 0px !important;}    
.feature-icon{ text-align:center; font-size:18px;}
.feature-icon p{ padding:0px 0px; }    
.feature-icon .col-md-4{ float:left; padding:25px 0px; }
.doors .col-md-6 .col-md-6{ float:left; padding-left:0px; }
.fixbtn {
    border: 1px solid #000;
    cursor: pointer;
    width: 220px;
    height: 50px;
    overflow: hidden;
    background: #000;
    color: #fff !important;
    padding: 10px 0px 3px 0px;
    position: fixed;
    top: 300px;
    right: -85px;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 9999999;
    font-size: 18px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    text-align:center !important;
}
.socialIcons{ position: fixed;left: 0px;height: 200px;width: 35px;top: 210px; z-index:999; }
.socialIcons-footer{ display:block; width:100%;  }

#callback {
    position: fixed;
    top: 260px;
    right: -92px;
    padding: 0;
    list-style: none;
    z-index: 99999;
}

#callbackform {
    position: fixed;
    background-color: #fcc210; color:#000; 
    text-align: center;
    top: 0px;
    /* left: 45px; */
    right: -410px;
    padding: 1.5px;
    list-style: none;
    z-index: 9999999;
	height:100%; 
	width:400px; 
}
#callbackform a.crosspop{ position:absolute; top:10px; }
#callback li a {
    display: block;
    background-color: #fcc210;
    padding: 10px 20px 20px 20px;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    border-top-left-radius: 5px;
    white-space: nowrap;
   text-decoration:none; 
}
#callbackform a.crosspop{right: 15px;}

.hottopics{ 
     display: block;
    background-color: #fff;
    padding: 10px 20px 10px 20px;
    font-size: 20px;
    color: #1b6f9b !important;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; text-decoration:none; position:fixed; z-index:99999; right:-66px; top:400px; border:1px solid #ccc;
     /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/* Rotate Text on Button */

.rotatenew {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


#callbackform .col-md-6.image{ display:none; }
#callbackform h5,#callbackform h2{ display:none; }
#callbackform form{ padding:10px; margin-top:10px !important; width:385px !important; padding-left:20px; text-align:left !important;   }
#callbackform  input,#callbackform  textarea,#callbackform  select{   }
#callbackform h3{ margin-bottom:0px; margin-top:45px; }
#callbackform p{ margin-bottom:0px;}
#callbackform .form-section{ padding-top:0px;}
#callbackform .formbtn{ float:left; }
#callbackform .container,#callbackform .col-md-12{ padding:0px !important; }
#callbackform  form textarea{ height:85px !important;}
.crosspop img{ width:30px; }
#callbackform .slideformbtn{ background:#000; } 
.form-control.SubQuote{ text-align:center !important; background:#000; color:#fff; height:50px; border-color:#000;  }
.formlogo{ background:#000; padding:10px 20px; border-bottom-right-radius:40px;border-bottom-left-radius:40px; margin: -2px auto; width:280px;  }
.formlogo img{ width:190px; }

.sticky { position: fixed; top: 0; width: 100%; z-index:9999; }
.top-red{ text-align:center; background:#bb2528; color:#fff; font-weight:bold; padding:3px 0px;  display:block; margin:0px;}
.headcontent{ background: url(../images/new/banner.jpg) no-repeat; background-size: cover; margin-top:110px; padding:140px 0px; background-position: -1px -7px; position:relative; z-index:1;}
.headcontent:before{ height:100%; width:100%; content:""; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:2; }
.headcontent .container{ position:relative; z-index:3; }

.product-desc-left{ float:left; width:68%; padding-right:2%; line-height:30px;   }
 .product-desc-left h2{ color:#000; padding-left:8px; border-left:4px solid #fcc210;}
 .product-desc-left h3{ font-size:20px; color:#000; padding:20px 0px 10px 0px;  }
 .product-desc-left ul li{ background:url('https://www.budgetsecuritydoors.com.au/img/tick-list-yellow.png') no-repeat left center; padding-left:24px; font-style:normal !important;}
  .product-desc-left ul li em{ font-style:normal;}
  .product-desc-left .gallery-main ul li{ padding-left:0px; background:none;  }
 .product-cat{ float:right; width:30%; }
 .product-cat .gnav{ float:left; width:100%; border:1px solid #000; border-radius:10px; }
 .product-cat h2{ background:#000; width:100%; float:left; text-align:center; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; height:50px; font-size:28px; line-height:50px;  }
 .product-cat  .gnav ul li{ float:left; width:90%; border-radius:0px; transform: none;-moz-transform: none;-webkit-transform: none;-ms-transform:none; background:transparent; margin-left:10%; }
 .product-cat  .gnav ul li a{text-transform: capitalize;  float:left; text-align:left; font-size:17px; font-weight:400;  width:100%; border-radius:0px; transform: none;-moz-transform: none;-webkit-transform: none;-ms-transform:none; background:url('https://www.budgetsecuritydoors.com.au/img/menu-arrow.png') no-repeat left center; padding-left:25px; }
  .product-cat  .gnav ul li a:hover,  .product-cat  .gnav ul li.active a{ background:transparent; color:#fcc210; background:url('https://www.budgetsecuritydoors.com.au/img/menu-arrow-hover.png') no-repeat left center;  }
.booknows{ margin-top:30px; width:100%; display:block; float:left; }
.booknows img{ width:100%; border:1px solid #000; border-radius:10px; }

.reviewfix{ position:fixed; left:10px; bottom:10px; padding:0px; border-radius:10px; background:#fff; z-index:1111; box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.5);-webkit-box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.5); }
.reviewfix img{ width:145px; height: 85px; }


@media(max-width:1280px) and (max-height:1366px){
    .bannerForm h1{font-size: 3vmin;}
    .bannerForm h4{font-size: 1.7vmin;}
    .leftText h1{font-size: 5.5vmin; line-height: 6vmin;}
    .mainBanner::before{top: 190px; }
    .who h3{padding: 0 19vmin;}
}
@media(max-width:1280px){
    .more {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .more a {
        margin-bottom: 10px;
    }
    .pictureAbout img{width: 100%; object-fit: scale-down;}
    .certified .row .col-md-4 > img {
        width: 100%;
        object-fit: scale-down;
    }
    .quoteNow h3{font-size: 2.8vmin;}
    .certified h4{text-align: center;}
    .contactRight a::before {
        content: "";
        display: inline-block;
        position: relative;
        background: url(../images/icons.png)no-repeat;
        width: 50px;
        height: 14px;
        background-position: 0 -16px;
        vertical-align: middle;
    }
    
    .leftText h1 {
        font-size: 8.5vmin;
        line-height: 10vmin;
    }
    .menu a{font-size: 1.2vw;}
    .menuLinks{align-items: center;}
  

}

@media(max-width:990px){
    .menu .container{max-width:90%; padding-right: 30px;}

}

@media(max-width:768px){
     .sliderhead1, .sliderhead2{width: 100%;
margin-top: 0px;
font-size: 20px;
line-height: 24px;
padding: 0 40px;
line-height: 29px;}
    .product-desc-left, .product-cat{ width:100%;}
    .headcontent{ padding:40px 0px; }
    .toggle-btn{ display:block !important;}
    #navigation-row{ width:100%; }
    #navigation-row .row,.topbar .row{ display:block;}
    #right-menu{ margin-right:10px;}
    .ShowMenu ul{ padding:0px 0px !important; }
    .menuLinks ul li{width:100%;}
    .ShowMenu li a{ padding:2px 5px !important; padding: 12px 25px !important;
text-align: left !important;
display: block !important;font-size: 20px; }
    .menuLinks ul li > ul li a{ padding:2px 5px; font-size:11px;}
    #callbackform .col-md-6{ padding:0px 0px; margin-bottom:0px;  width:48%; float:left;  }
    #callbackform .col-md-6.firstcol{ margin-right:0%; }
     #callbackform .col-md-6 .form-control{ width:99%; }
    #callbackform h3 {    margin-bottom: 0px;    margin-top: 20px;    font-size: 20px;}
    #callbackform{ width: 340px; }
    #callbackform form{width:100% !important;padding-left:10px !important;}
    .form-group{ margin-bottom:10px !important;}
    .certified-title h2{ font-size:30px; padding: 0 10px;}
    .testimonial-section h2{ margin-top:10px; font-size:28px;  margin-bottom: 40px;}
    .testimonial-section{ padding:30px 0px; min-height:590px; }
    .doors .col-md-6 .col-md-6{ padding-right:0px;text-align: center !important; }
    .fixbtn{ top:220px; padding:5px 0px 3px 0px; height:40px; right:-90px;  }
    .brands{ background-size:290px; }
    .certified .col-md-5 img{ width:100%;}
    .certified .col-md-2{ width: 190px; height: 190px;margin: 0px auto 30px auto;}
    .quoteNow h3,.quoteNow{ text-align:center;}
    .clickHere a{ float:none; }
    .who p{ font-size:16px; padding:0px 0px;}
    .mainBanner{ background-position:center; }
    
    
    .leftText h1{ width: auto;font-size: 22px !important;line-height: 25px !important;margin: 30px auto 20px auto;padding: 10px -1px;background-color: #fff;}
    .leftText h3{font-size: 23px;width: auto;padding-top: 5px;}
    .barIcon{display: block; top:30px !important;  z-index:999999 !important; right:-25px;}
    .site-header .container{display: flex !important;  } 
    .phoneBox a{font-size: 16px !important;}
    .leftText {
        padding-top: 40px;
    }
    .mainBanner{padding: 10px 0;}
    .mainBanner::before{display: none;}
    .bannerForm h4 {
        font-size: 5.7vmin;
    }
    .bannerForm h1 {
        font-size: 9vmin;
    }
    .bannerForm{margin-top: 50px;}
    .bannerForm .col-md-6{ padding-left:0px; padding-right:0px; margin-top:5px; margin-bottom:5px;  }
    .contactRight{flex-direction: column;
        text-align: center;}
        .row{padding:  0  15px;}
        .bannerForm{margin-bottom: 50px;}
        .who h2{font-size: 6vmin; padding-bottom: 20px;}
        .who h3{font-size: 5vmin;padding: 0 6vmin;}
        .products{padding: 10px 0;}
        .more {
            flex-direction: row;
            justify-content: space-evenly;
            align-items: center;
        }
        .more a{font-size: 13px;}
        .quoteNow h3 {
            font-size: 6.8vmin;
        }
        .certified h2{font-size: 6vmin;}
  
        .testimonial p{font-size: 16px;padding: 0 10px; line-height: 30px; margin-top: 0;}
        .testimonial h2, .brands h2{margin: 40px auto 30px; font-size: 30px;}
        .brands h2{margin-bottom: 20px; text-align: center; font-size: 35px;}
        .copyright a{text-align: left;}
        .menuLinks {
            display: none;
        }
        .brandsBox{padding: 10px 0px 30px;}
        .site-header {

            padding-right: 30px;
        
        }
        .ShowMenu{background-color: #454545;}
        .menuLinks li ul{ width:60%; }
        .socialIcons ul {
            padding-left: 0;
        }
        .contactRight a::before{display: none;}
        .contactRight a{font-size: 11px;}
        .logoPic img{object-fit: scale-down;
            width: 100%;}
            .barIcon{top: 13px;}
            .copyright{font-size: 11px;                line-height: 22px;}
            .copyright .col-md-6 {text-align: left !important;}
            .feature-icon .col-md-4 {
                padding: 10px 0;
            }
            .phoneBox.new-phoneBox { z-index: 1;   margin-top: 20px;}
            .mainBanner{position: relative;overflow: hidden;}
 .mainBanner .leftText{ position: relative;z-index: 1;}
            .mainBanner::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #0000008c;
	top: 0;
}
.socialIcons{display:none;}
#callback{top: 590px; line-height: 8px;right: -106px;}
.certified .col-md-3 * {
  text-align: center;
}
.certified .col-md-3{margin: auto; width: calc(170px /1); display: flex;flex-direction: column;}

.certified .col-md-3 img {
	width: 80px;
	float: none;
	margin: auto;
}
.doors p{min-height:inherit;}
.doorbox .picture{text-align: center;}
.doors img{width: auto;margin: auto;height: 210px;}
.titleBox h4{text-align: center;}
.more a {	font-size: 20px;}
.titleBox h4{text-align:center !important;}
.certified-title{padding-top:40px !important;}
.testimonial p{font-size: 13px; line-height: 23px; text-align: center;}
.testimonial .testimonial-title{text-align: center;}
.menuLinks li ul{width: 100%; 
position: relative;
overflow: scroll;
max-height: 310px;}
.menuLinks li ul a{font-size: 16px !important;
border: none !important;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
padding: 3px 10px !important;
border-bottom: 1px solid #00000012 !important;line-height: normal;}
.menuLinks li:nth-child(3):hover ul{
    display:block;
}
.menuLinks li:nth-child(2) > a, .menuLinks li:nth-child(3) > a, .menuLinks li:nth-child(5) > a{ }
.our-products-range .row .col-md-6{display: flex;flex-direction: column;min-width: 100%;}
.repair-main h2{line-height: normal !important; padding: 0 20px;}
.repair-main p {	padding: 0 40px;}
footer .col-md-6 {
	min-width: 100% !important;
}    
.summary-row img {
	width: 100%;
}
.ShowMenu ul{background-color: #000;}
.menuLinks li ul{border-radius:0;}
footer ul li a{font-size:18px;}
.menuLinks li{position:relative;}
.menuLinks > ul > li:nth-child(2)::after, .menuLinks > ul > li:nth-child(3)::after, .menuLinks > ul > li:nth-child(5)::after {
  content: "";
  display: block;
  border-left: 5px solid #fff;
  position: absolute;
  width: 0;
  height: 0;
  z-index: 99999;
  border-right: 5px solid transparent;
  right: 9px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
top: 23px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}    


    
}


@media(max-width:768px) and (max-height:600px){
    
    .menuLinks > ul{overflow: scroll;max-height: 460px;}
}

@media(max-width:768px) and (max-height:1024px){
    .leftText h1 {
        font-size: 5.5vmin;
        line-height: 7vmin;
       
    }
    .bannerForm h4 {
        font-size: 17px;
    }
    .bannerForm h1 {
        font-size: 23px;
    }
    .who h3{font-size: 3vmin;}
    .more{flex-direction: column;}
    .leftText a{padding: 9px 26px;padding: 9px 26px;}

}




@media only screen and (max-width: 1023px) {
  #scrolltotop_parent {
    bottom: 25px !important;
    right: 25px !important;
  }
}

#scrolltotop_parent {
  background: #fcc210;
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 1002 !important;
}

#scrolltotop_parent:hover {
  opacity: 0.7;
  transition: 0.1s;
}

.scrolltotop_circle {
  border-radius: 50%;
}

.scrolltotop_round_corners {
  border-radius: 5px;
}

#scrolltotop_arrow {
  width: 0px;
  height: 0px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid white;
  margin: 0 auto;
  margin-top: 19px;
}

#scrolltotop_arrow:focus {
  opacity: 0.7;
  transition: 0.1s;
}

.scrolltotop_hide_onload {
  display: none;
}