.banner { padding: 0px; position: relative; width: 100%; padding: 140px 0; background-size: cover;background-position: center; }
.banner * {color: #fff;}
.banner h1 { font-size: 62px; font-weight: 300; text-transform: uppercase; }
.banner h6 {font-size: 22px; margin-top:10px; margin-bottom:25px;}

.tabs {background-color: #EBEDF5;padding: 70px 0;}
.tabs p {font-size: 22px;color: #CB0000;}
.tabs .nav-tabs {border-bottom: none;flex-wrap: nowrap;}
.tabs .nav-tabs .nav-item {flex-grow: 1;}
.tabs .nav-tabs .nav-link {border: 1px solid #CB0000;border-radius: 0px;color: #CB0000;transition: .3s ease all;border-right: none;text-align: center;font-size: 18px;text-transform: uppercase;background:white;}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {border-color:#CB0000;background-color: #CB0000;color: #fff;}
.tabs .nav-tabs .nav-item:first-child .nav-link {border-top-left-radius: 5px;border-bottom-left-radius:5px;}
.tabs .nav-tabs .nav-item:last-child .nav-link {border-top-right-radius: 5px;border-bottom-right-radius:5px;border-right: 1px solid #CB0000;}

.tab-wrapper {padding-top: calc(3% + 40px);padding-bottom: calc(3% + 40px);background-image: url('../images/product-decor.png');background-size: 67% 451px;background-repeat: no-repeat;background-position: left bottom;}
.tab-wrapper .product-list {list-style: none;padding-left: 0;}
.tab-wrapper .product-list li {font-size: 22px;color: #CB0000;}
.tab-wrapper .product-list li span {font-size: 18px;}
.tab-wrapper h3 {font-size: 32px;color: #3A4D98;margin-bottom: 1em;}
.tab-wrapper h4 {font-size: 22px;color: #CB0000;}
.tab-wrapper .mbn {margin-top: 60px;}

.tab-end {background-color: #3A4D98;padding: 100px 0;}
.tab-end p {color: #fff;font-size: 17px;font-weight:300;}
.tab-end p:last-child {margin-bottom: 50px;}

.back {padding-top: 100px;}
.back .container-fluid {padding: 0;}
#carouselProduct-qs-series { margin-top:50px; }


.tabbedtop p { color:#3A4D98; font-size:17px; font-weight:300; }
.tabbedtop { padding-bottom:30px; }
.tabbedsectionbottom { text-align:center; padding-top:60px; }
.tabbedsectionbottom h3 { }
.tabbedsectionbottom p { color:#CB0000; font-size:16px; font-weight:300; }
.tabbedsectionbottom > div { display:none; }

.desc, .desc > p, .desc li { font-weight:uppercase; color:#3A4D98; font-size:16px; font-weight:300; list-style-type:none; display:inline-block; }
.desc li:before { content:''; background-image:url(../images/arrowright.png); width:10px; height:18px; display: inline-block;     position: relative; top: 3px; margin-right:10px; }
.desc li { margin-right:10px; }
.desc { margin-bottom:50px; }
.tab-end { border-bottom:2px solid white; }
.desc li:first-child:before { display:none; }

.btn-full.back { background:transparent; border:1px solid white; margin-left:20px; }
.btn-full.back:hover { border:1px solid #E80202;}
.btn-full.back .fa { top:3px; left:-10px; }

.modal { text-align:center; }
.modal h4 { font-size: 22px; color: #CB0000; margin-bottom:30px; }
.modal .modal-header { padding:0; margin:0; border:0; }
.modal-header .close {
    padding: 1rem 1rem;
    margin: 0 0 0 auto!important;
}
.modal-content { border:0!important; }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.banner h1 { font-size: 44px; }
	.banner p { font-size: 14px; }
	.tabs p {font-size: 18px;}
	.tabs .nav-tabs .nav-link {font-size: 15px;padding: .5rem 0.2rem;}
	.tab-end p {font-size: 15px;}
	.mbn a {display: none;}
	.tab-wrapper h3 {font-size: 22px;}
	.tab-wrapper h4 {font-size: 18px;}
	.tab-wrapper .product-list li {font-size: 18px;}
	.tab-wrapper .product-list li span {font-size: 15px;}
	.tab-wrapper .btn-inform {max-width: unset;}
	.tab-wrapper .carousel-control-next, .tab-wrapper .carousel-control-prev {height: 30px;width: 30px;top: 27%;}
	.tab-wrapper .carousel-control-next img, .tab-wrapper .carousel-control-prev img {max-width: 60%;}
	.tab-wrapper .mbn {display: block;}
	.btn-full.back { margin-left:0; margin-top:20px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner h1 { font-size: 44px; }
	.tabs p {font-size: 18px;}
	.tab-end p {font-size: 15px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner h1 { font-size: 60px; }
	.tabs p {font-size: 20px;}
	.tab-end p {font-size: 18px;}
}