body{padding: 0;margin: 0;}
*{margin: 0;padding: 0;}
a:hover{text-decoration: none;}
.barcelona{margin-top:10%;}
.feature-box{display: flex; width: 100%;justify-content: space-around;}
.f-One{ background-color: #fff;}

.about-cnt{ display: flex; width: 100%; align-items: center;}
.about-story{width: 60%; padding: 0px 35px 0px 0px;}
.about-story h2{ font-size: 30px; }
.about-story p{text-align: justify;}
.about-img{width: 40%;overflow: hidden;min-height: 450px; max-height: 450px;}
.about-img .story-img img{width: 100%; min-height: 450px; max-height: 450px;}
.car-dekho-box{background: white;overflow: hidden; margin-bottom: 25px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
.car-details{display: block;overflow: hidden;padding: 15px;}
.car-information{display: flex;}
.left-inform{width: 50%;font-family: Calibri; font-weight: 600; font-size: 16px;}
.right-inform{width: 50%;font-family: Calibri; font-weight: 600; font-size: 16px;}
.car-dekho-img{width: 100%; overflow: hidden; min-height: 205px; max-height: 205px;}
.car-dekho-img img {width: 100%; min-height:205px; max-height: 205px;}
.car-details-heading h4{font-size: 20px; color: #062b5e;}
.imp-notes{display: flex;flex-wrap: wrap;justify-content: start;flex-wrap: wrap; margin-top: 12px;}
.car-dis{margin-top: 12px; height:120px;overflow:hidden;}
.car-dis span{display: block; text-align: justify;}
.type{ padding: 4px 7px; box-sizing: border-box;margin-right: 12px;}
.type img{width: 20px;}
.btn-booking{margin-top: 30px;}
.btn-booking a{ border: 1px solid; padding: 7px 10px; background-color: #062b5e; color: #fff;}
.btn-booking a:hover{text-decoration: none;}
.nav-tabs .nav-item{margin: 0px 10px 0px 0px; border: 1px solid #062b5e;}
.nav-tabs{border-bottom: none!important; margin-bottom: 3%; justify-content: center;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: #062b5e!important;border-color:#062b5e!important;border-radius:0px;color: #fff;}
.nav-tabs .nav-link{color: #000; font-size: 14px; font-weight: 500;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color: none!important; border-radius: 0px; background-color: #062b5e; color: #fff;}
.sec{padding: 30px 0px;}
.colorize{background-color: #e9f4fb;}

.arial{ display: flex; margin-bottom: 20px;}
.Features{background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); padding: 20px; position: relative; height: 100%;}
.Features:after{content: "";position: absolute; bottom: 0px; left: 0px; display: block; width: 0%; height:2px; background: #062b5e;transition: 0.5s all;}
.Features:before{content: "";position: absolute; top: 0px; left: 0px; display: block; width: 0%; height:2px; background: #062b5e;transition: 0.5s all;}
.Features:hover:after{ width: 100%;transition: 0.5s all;}
.Features:hover:before{ width: 100%; transition: 0.5s all; }

.featues-boxes:after{content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 2px; height:0%; background: #062b5e; transition: 0.5s all;}
.featues-boxes:before{content: ""; position: absolute; right: 0px; top: 0px; display: block; width: 2px; height:0%; background: #062b5e; transition: 0.5s all;}
.featues-boxes:hover:after{height:100%; transition: 0.5s all;}
.featues-boxes:hover:before{ height: 100%; transition: 0.5s all;}
.features-icons{width: 17%; overflow: hidden; display: block; margin-bottom: 10px;}
.features-icons img{width: 100%;}
.features-cntn .heading h4{font-size: 20px; color: #062b5e;}
.features-cntn .heading-details{ font-size: 16px; color: #000; font-family: calibri;}

.f-One {background-color: #fff;padding: 15px 0px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
.inner-f-One{width: 30%; margin: auto; overflow: hidden; margin-bottom: 15px;}
.inner-f-One img{width: 100%;}
.f-one-heading{text-align: center; font-size: 15px; font-weight: 600;}
.panel-default{margin-bottom: 5px; background-color: #fff; box-sizing: border-box; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 7px 0 rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.08);}
.panel-heading{background-color: #062b5e!important;position: relative; padding: 15px 15px;}
.panel-title a{font-size: 14px;color: #fff;}
.panel-body {padding: 15px;}
.glyphicon {position: absolute !important;top: 8px !important;right: 8px !important;}
.glyphicon-plus:after {display: inline-block;content: "+";font-size: 20px !important;font-weight: 800;}
.glyphicon-minus:after {display: inline-block;content: "-";font-size: 20px !important;font-weight: 800;}
 
.banner-body{background-color: #d4aa26; padding: 20px;}
.banner-body .form-control{border-radius: 0px!important; font-size: 13px; border: none; background: #fff!important;}
.form-heading{background: #fff; padding: 6px; text-align: center; margin-bottom: 10px; font-size: 16px;}
.btn-book-now{background-color: #062b5e; border-radius: 0px;color: #fff;}
.btn-book-now:hover{color: #fff;}
.first-sec-heading{padding: 7px 10px; margin-bottom: 10px; color: #fff;}
.first-sec-heading h4{font-size: 20px; line-height: 1.5;}
.faq{background:#d4aa26; border-left: 5px solid #062b5e;}
.submition{background:#062b5e; border-left: 5px solid #d4aa26;}

.heading-main-seec{margin-bottom: 30px;}
.sec-heading{display: block; overflow: hidden;}
.sec-heading h2{text-align: center; font-size: 30px; color: #062b5e; font-weight: 600;}
.sec-sub-heading {width: 65%; margin: 0 auto;}
.sec-sub-heading p{text-align: center; font-size: 16px; color: #062b5e;}
.secons-sub{width: 65%; margin: 0 auto;}
.secons-sub p{text-align: center; font-size: 16px; font-weight: 500; color: #d4aa26;}
.buttons{display: inline-block; background-color: #062b5e; padding: 10px 14px;}
.buttons a{color: #fff;}


.delta{position: relative;}


.delta-one:after{content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 0; height:2px; background: #062b5e; transition: 0.5s all;}
.delta-one:before{content: ""; position: absolute; left: 0px; bottom: 0px; display: block; width: 0; height:2px; background: #062b5e; transition: 0.5s all;}
.delta-one:hover:after{transition: 0.5s all; width: 100%;}
.delta-one:hover:before{transition: 0.5s all; width: 100%;}
.delta:after{content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 2px; height:0%; background: #062b5e; transition: 0.5s all;}
.delta:before{content: ""; position: absolute; right: 0px; top: 0px; display: block; width: 2px; height:0%; background: #062b5e; transition: 0.5s all;}
.delta:hover:after{ height:100%; transition: 0.5s all; }
.delta:hover:before{ height:100%; transition: 0.5s all;}
.mt{margin-bottom: 14px;}

@media only screen and (max-width: 500px){
	
	.about-cnt{display: block;}
	.about-story { width: 100%; padding: 0px 0px 0px 0px; margin-bottom: 14px;}
	.about-img{width: 100%;}
	.nav-tabs .nav-item{margin-bottom: 14px;}
	.sec-heading h2{font-size: 24px;}
	.sec-sub-heading{width: 90%;}
	.secons-sub{width: 90%;}
	.arial{display: block;}
	.Features{margin-bottom: 14px;}
	.heading-details{text-align: justify;}
    .barcelona{margin-top: 30%;}
}
@media (max-width:769px){
	.delta{margin-bottom: 14px;}

}