body {
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
}
a:hover,
a:active,
a:focus {
    outline: 0px none;
    color: #ff0000;
    text-decoration: none;
    border: 0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0px none;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.navbar {
    height: auto;
    background: #444;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}
.navbar.quote {
    background: #fff;
    position: relative;
}
.quote h2 {
    text-align: center;
    font-size: 40px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    float: left;
    width: 98%;
    position: absolute;
}
.navbar-brand {
    padding: 20px 15px;
    background: #fff;
    height: 80px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    background: #fff;
}
.navbar-collapse {
    padding-right: 0;
    border: 0px solid #fff;
}
.navbar-right li > a {
    padding: 30px 15px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff !important;
    border-right: 1px solid #666;
    border-left: 1px solid #333;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.navbar-right li > a.active, .navbar-right li > a:hover {
    color: #FF0000 !important;
}
.navbar-default .navbar-right > a.active,
.navbar-default .navbar-right > a:hover.active,
.navbar-default .navbar-right > a:focus.active{
    color: #FF0000 !important;
    background: transparent;
}
.navbar-right li:last-child a {
    background: red;
    border-right: 0px solid #666;
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: -1px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}
.quote .navbar-right li:last-child a {
    background: transparent;
    border-right: 0px solid #666;
    font-size: 16px;
    color: red !important;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}
.navbar-right li:first-child a {
    border-left: 0px solid #333;
}
.navbar-toggle {
    margin-top: 20px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ff0000;
}
.fullimg {
    background: url("../img/fullimg.jpg") no-repeat scroll center top;
    background-size: cover;
    min-height: 600px;
    font-family: 'Lato', sans-serif;
    margin: 0;
}
.fullimg h2 {
    font-size: 50px;
    letter-spacing: -2px;
    color: #222;
    margin-top: 20%;
}
.fullimg p {
    /*color: #FF0000;*/
    
}


.fullimg .redbtn,
.redbtn {
    
    background: #ff0000;
    border-radius: 0;
    font-size: 30px;
    letter-spacing: -1px;
    padding: 3% 15%;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    border: 0px solid #fff;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    
}
.fullimg .redbtn:hover,
.redbtn:hover {
    background: #444;
    color: #fff;
}
.block {
    display: block;
    padding: 10px 15px;
}
.section2 {
    background: url("../img/section2.jpg") no-repeat scroll center top;
    background-size: cover;
    margin: 0;
    padding-top: 9%;
    padding-bottom: 7%;
}
.section2 h2 {
    font-size: 24px;
    color: #194472;
    font-weight: 300;
    margin-top: 7%;
    margin-bottom: 5%;
}
.section2 p {
    font-weight: 600;
}
.red {
    color: #ff0000;
}
.white {
    color: #fff;
}
.section2 .img-responsive {
    display: inline-block;
}
.section3 {
    background: #e4e5e3 url("../img/section3.jpg") no-repeat scroll right center;
    margin: 0;
    padding: 0;
    min-height: 536px;
}
.colr1,
.colr2,
.colr3,
.colr4,
.colr5,
.colr6,
.colr7,
.colr8 {
    min-height: 72px;
    display: block;
    margin-bottom: 30%;
}
.colr1 {
    background: #fff;
}
.colr2 {
    background: #FF4000;
}
.colr3 {
    background: #111;
}
.colr4 {
    background: #F1F2EC;
}
.colr5 {
    background: url("../img/colr5.png") center center;
    background-size: contain;
}
.colr6 {
    background: url("../img/colr6.png") center center;
    background-size: contain;
}
.colr7 {
    background: url("../img/colr7.png") center center;
    background-size: contain;
}
.colr8 {
    background: url("../img/colr8.png") center center;
    background-size: contain;
}
.section3 h2 {
    font-size: 40px;
    color: #333;
    font-weight: 600;
    margin-top: 15%;
    margin-bottom: 10%;
}
.rangebtn {
    display: block;
    font-weight: 600;
    font-size: 30px;
    border-radius: 0;
    background: #333;
    padding-top: 4%;
    padding-bottom: 4%;
    border: 0px solid #fff;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.section4 {
    background: #d4d4cb;
    padding: 7% 0;
}
.section5 {
    padding-top: 2%;
    padding-bottom: 2%;
}
.section5 h2 {
    color: #444;
    font-size: 18px;
}
.section5 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.section5 ul li {
    margin-bottom: 10px;
    color: #ff0000;
    font-weight: 600;
    display: block;
}
.section5 ul li a, .section5 ul li i {
    margin-left: 10px;
    color: #ff0000;
    font-style: normal;
        -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.section5 ul li a:hover, .section5 ul li i:hover {
    color: black;
    font-style: normal;
}
.footer {
    background: #324044;
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer ul {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
}
.footer ul li {
    display: inline-block;
}
.footer ul li a {
    display: block;
    margin-right: 15px;
    font-size: 13px;
    color: #aaa;
}
.footer ul li a:hover {
    text-decoration: none;
    color: #777;
}
.footer h2 {
    font-size: 18px;
    font-weight: 400;
    color: #f9f9f9;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.footer small {
    font-weight: 600;
    color: #526b72;
}
.footer small a {
    color: #526b72;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #ff0000;
    border-color: #ff0000;
}
.rangesImg {
    background: url("../img/ranges.jpg") no-repeat scroll center top;
    background-size: cover;
    margin: 0;
    padding-top: 9%;
    padding-bottom: 7%;
}
.whyusImg {
    background: url("../img/whyus.jpg") no-repeat scroll center top;
    background-size: cover;
    margin: 0;
    padding-top: 7%;
    padding-bottom: 7%;
}
.aboutusImg {
    background: #d4d4cb url("../img/section3.jpg") no-repeat scroll top left;
    background-size: contain;
    margin: 0;
    padding-top: 7%;
    padding-bottom: 7%;
}
.contentImg{
    background: #d4d4cb;
    margin: 0;
    padding-top: 2%;
    padding-bottom: 4%;
}
.contactImg{
    background: url("../img/contactImg.jpg") repeat scroll center top;
    background-size: contain;
    margin: 0;
    padding-top: 4%;
    padding-bottom: 3%;
}
#googlemaps {
    height: 420px;
    width: 100%;
}
#contactus_form .form-control{
    border: 1px solid #ddd;
    border-radius: 0;
}
.sectionImg h2 {
    font-size: 50px;
    letter-spacing: -2px;
    color: #222;
    margin-top: 10%;
    margin-bottom: 2%;
    text-transform: uppercase;
}
.whyusImg h2 {
    font-size: 38px;
    line-height: 50px;
    letter-spacing: 0px;
    color: #ffcc33;
    margin-top: 5%;
    margin-bottom: 5%;
    text-transform: none;
}
.sectionImg p {
    margin-bottom: 5%;
    font-size: 16px;
    line-height: 30px;
}
.vgap {
    margin-top: 5%;
    margin-bottom: 5%;
}
.vvgap {
    margin-top: 10%;
    margin-bottom: 10%
}
.v30gap {
    margin-top: 30px;
    margin-bottom: 30px;
}
.content-inner {
    border-bottom: 1px solid #eee;
}
.ranges h2,
.whyus h2,
.content-inner h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    color: #333;
    margin-bottom: 20px;
}
.ranges p,
.whyus p,
.content-inner p {
    font-size: 16px;
    line-height: 2;
    color: #444;
}
.valigntxt {
    margin-top: 2%;
}
address {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}
.slidingdoors a {
    border-top: 3px solid #ccc;
    border-left: 3px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 3px solid #ccc;
}
.lastdoor a {
    border: 3px solid #ccc;
}
.slidingdoors a,
.lastdoor a {
    display: inline-block;
    font-size: 60px;
    min-height: 200px;
    padding: 50% 0;
    width: 100%;
    text-align: center;
    display: block;
}
.outer {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    border: 1px solid #ccc;
    line-height: 40px;
    text-align: center;
    background: #eee;
    margin-left: -6px;
    -moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .11);
    -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .11);
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .11);
}
.stylish {
    margin: 9px;
    width: 50px;
    height: 50px;
    font-family: 'Lato', sans-serif;
    border-radius: 25px;
    border: 1px solid #bbb;
    font-size: 20px;
    color: #666;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    background: #ddd;
    font-weight: 600;
    display: block;
    -moz-box-shadow: 0px 0px 1px 1px #ccc;
    -webkit-box-shadow: 0px 1px 1px 1px #ccc;
    box-shadow: 0px 0px 2px 0px #ccc;
}
.stylish:hover {
    /*border: 5px double red;*/
    color: #333;
    text-decoration: none;
    background: #eee;
}
.outer.active {
    background: #f00;
    border: 1px solid #f00;
}
.stylish.done {
    background: green;
    border: 1px solid green;
}
.stylish.done span {
    color: #fff;
    font-size: 24px;
    top: 5px;
}
.stylish.active {
    background: #cc0000;
    border: 1px solid #cc0000;
    text-shadow: 0 0 0 #fff;
    color: #fff;
}
.hline {
    height: 12px;
    background: #e6e6e6;
    display: inline-block;
    width: 5%;
    margin-left: -3.5px;
    -moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .11);
    -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .11);
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .11);
}
.hline.active {
    background: #f00;
}
.hline.done {
    background: green;
}
label {
    font-weight: bold;
}
/*.walls {
    border: 2px solid transparent;
    display: inline-block;
    height: 100px;
    margin-right: 10px;
    text-decoration: none;
    width: 100px;
}


.walls img {
    border: 2px solid white;
}
.walls img:hover {
    border: 2px solid green;
}
.green-border img {
    border: 2px solid green;
}*/

.hidden {
    left: -10000px;
    position: absolute;
    top: -1000px;
}
input[type=checkbox] {
    display: none;
}
input[type=checkbox] + label {
    background: #fff;
    padding: 10% 0;
    text-align: center;
    border-top: 3px solid #ccc;
    border-left: 3px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 3px solid #ccc;
    font-size: 40px;
}
input[type=checkbox] + label.lastdoor {
    border: 3px solid #ccc;
}
input[type=checkbox]:checked + label {
    background: #fff;
    padding: 10% 0;
    text-align: center;
    color: green;
}
#standard input[type=checkbox] + label {
    background: #fff;
    padding: 0;
    text-align: center;
    border: 0px solid #ccc;
    font-size: 40px;
    cursor: pointer;
}

.quotepage input[type=radio] {
    display: none;
}
.quotepage input[type=radio] + label {

}
.quotepage input[type=radio]:checked + label {
    color: green;
}
.quotepage input[type=radio] + label{
}

#standard a,
#premium a,
#platinum a,
#frame-color a,
#internal a,
#doors a,
#walls a {
    color: #999;
}
#standard span,
#premium span,
#platinum span,
#frame-color span,
#internal span,
#doors span,
#walls span {
    font-size: 40px;
    cursor: pointer;
}
#standard a:hover span,
#standard a:focus span
#premium a:hover span,
#premium a:focus span,
#platinum a:hover span,
#platinum a:focus span,
#frame-color a:hover span,
#frame-color a:focus span,
#internal a:hover span,
#internal a:focus span,
#doors a:focus span,
#doors a:hover span,
#walls a:focus span,
#walls a:hover span {
    font-size: 40px;
    cursor: pointer;
    color: green;
}
.fquote {
    padding: 70px 0;
    background: #F5F5F5;
}
.fquote p {
    font-size: 12px;
    color: #999;
}
/* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/

.board {
    margin: 60px auto;
    background: #fff;
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin: 0px auto;
    margin-bottom: 0;
    box-sizing: border-box;
    border-bottom: 0px solid #DDD;
}
.board > div.board-inner {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 7px;
}
p.narrow {
    width: 60%;
    margin: 10px auto;
}
.board .nav-tabs > li > a {
    font-size: 18px;
    font-weight: 400;
}
.board .nav-tabs > li > a:hover {
    border-color: transparent;
}
.board .nav-tabs > li.active > a,
.board .nav-tabs > li.active > a:hover,
.board .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background: transparent;
    border: 0;
    font-size: 18px;
    font-weight: 400;
}
.board li.active span.round-tabs.two {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}
.board span.round-tabs.three {
    color: #3e5e9a;
    border: 2px solid #3e5e9a;
}
.board li.active span.round-tabs.three {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}
.board .nav-tabs > li.active > a span.round-tabs {
    background: #fff;
}
.board .nav-tabs > li.active {
    border: 1px solid #aaa;
    border-radius: 7px;
}
.board .nav-tabs > li {
    width: 33.333333%;
}
.board li.active:after,
.board li.active:before {
    /*content: " ";
    position: absolute;
    left: 45%;
    opacity:0;

        bottom: -20px;

    z-index: 1;
    transition:0.2s ease-in-out;
    
     border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ccc;
margin-left: -20px*/
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    bottom: -20px;
    content: '';
    left: 48.88%;
    margin-left: -21px;
    position: absolute;
}
/*
li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    top: 41px;
    border: 15px solid transparent;
    border-top-color: #ddd;
    transition:0.1s ease-in-out;

}*/

.board li.active:before {
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-top: 21px solid;
    border-top-color: #888;
    bottom: -21px;
    margin-left: -22px;
    /*opacity: 1;
 
    top: 41px;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    border-top: 23px solid;
    border-top-color: #ccc; 
    
        bottom: -23px;
    margin-left: -23px; */
}
.board .nav-tabs > li a {
    text-align: center;
    /* width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;*/
}
.board .nav-tabs > li a:hover {
    background: transparent;
}
.board .tab-content .tab-pane {
    position: relative;
    padding-top: 50px;
    margin-bottom: 30px;
}
.board .tab-content .head {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.board .btn-outline-rounded {
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}
.btn.green {
    background-color: #5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}
.internal_design{
    position: relative;
    text-align: right;
    z-index: 9;
}
.internal_design img, .door_design img{
    height: 300px;
    width: auto;
}
.door_design{
    position: absolute;
    z-index: 10;
    text-align: right;
    top: 0;
    right: -3px;
}
.redtxt{
    color: red;
}
.mergedImg{
    position: relative;
    margin-top: 37px;
}
.quotepage .img-responsive{
    display:inline;
}
#quote_process input, #quote_process textarea{
    border: 1px solid #999;
}
#quote_process input.btn{
    border: 0px solid #fff;
}
#quote_process .form-control.valid{
    border: 1px solid green;
}
#quote_process .form-control.error{
    border: 1px solid red;
}
#quote_process .valid, #book_form .error{
    margin-top: 5px;
}
.alert{
    display: none;
    margin-top: 20px;
}
.showselected h5{
    font-weight: 600;

}
.showselected h5 span{
    color: green;
}
.message{
    background: #f93;
    color: white;
    padding: 5px 10px;
    display : none;
    margin-bottom: 20px;
}
.imgsection4{
    background: transparent url("../img/zoom/main.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.imgsection4.dot1 {
   background: transparent url("../img/zoom/1.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.imgsection4.dot2 {
   background: transparent url("../img/zoom/2.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.imgsection4.dot3 {
   background: transparent url("../img/zoom/3.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.imgsection4.dot4 {
   background: transparent url("../img/zoom/4.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.imgsection4.dot5 {
   background: transparent url("../img/zoom/5.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.imgsection4.dot6 {
   background: transparent url("../img/zoom/6.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.imgsection4.dot7 {
   background: transparent url("../img/zoom/7.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.imgsection4.dot8 {
   background: transparent url("../img/zoom/8.png");
    background-size: contain;
    min-height: 400px;
    background-repeat: no-repeat;
}
.quotepage b{
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
}
ul.tlist li{
    font-size: 16px;
    line-height: 2;
    color: #444;
}
.greentxt{
    color: green;
}
/*
.dot1 a img{
    opacity: 0;
    z-index: 11;
}
.dot1 a:hover img{
    opacity: 1;
     z-index: 11;
}*/
.quote .navbar-right {
    float: right !important;
    margin-right: -15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-right li > a {
        padding: 30px 10px;
        font-size: 13px;
        font-weight: 500;
    }
    .navbar-right li:last-child a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
        letter-spacing: 0;
    }
}
@media (max-width: 991px) {
    .quote h2 {
        float: none;
        width: 100%;
        position: absolute;
        top: 10px;
    }
    .quote .navbar-right {
        margin-top: -60px;
    }
    .navbar-right li > a,
    .navbar-right li:last-child a {
        padding: 15px;
        border: 0px solid #fff;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        overflow: hidden;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .fullimg h2 {
        font-size: 36px;
        letter-spacing: -1px;
    }
    .fullimg p {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .navbar-brand img{
        width: 50%;
    }
    .quote .navbar-right {
        margin-top: -70px;
    }
    .quote h2 {
        float: none;
        width: 100%;
        font-size: 30px;
        margin-top: 40px;
    }
    
    .fullimg h2 {
        font-size: 24px;
        letter-spacing: 0;
    }
    .fullimg p {
        font-size: 14px;
    }
    .fullimg {
        background: url("../img/fullimg.jpg") no-repeat scroll left bottom;
        background-size: contain;
        text-align: center;
        margin-top: 22%;
        min-height: 400px;
    }
    .fullimgtxt {
        margin-top: -44%;
    }
    .xsmrg {
        margin-bottom: 40px;
    }
    .xsmrg h2 {
        margin: 10px 0;
    }
    .section3 h2 {
        text-align: center;
    }
    .section3 {
        background-position: top center;
        background-image: none;
    }
    .footer ul li {
        display: block;
        margin-bottom: 20px;
    }
    .footer .text-right {
        text-align: left;
    }
    .sectionImg {
        background-size: contain;
    }
    .sectionImg h2 {
        margin-top: 40%;
        text-align: center;
    }
    .sectionImg p {
        color: #444;
        text-align: center;
    }
    .whyus,
    .ranges {
        text-align: center;
    }
    .whyus .img-responsive,
    .ranges .img-responsive {
        display: inline;
    }
    .aboutusImg {
        background-size: cover;
    }
    ul.tlist li{
        text-align: left;

}
}
@media (max-width: 520px) {
    .fullimg h2 {
        font-size: 18px;
    }
    .fullimg {
        min-height: 300px;
    }
}
@media (max-width: 360px) {
    .navbar-brand {
        width: 50%;
    }
    .navbar-brand img {
        width: 100%;
    }
    .fullimg .redbtn {
        font-size: 24px;
    }
}

.card-body {
  visibility: hidden;
  height: 0;
    transition: 0.3s
}
.card.open .card-body{
  height: 300px;
  visibility: visible
}