@media (min-width: 1600px) {
	.carousel {
    /* height: 700px; */
    height: 1000px;
	}
	 }

@media (max-width: 1300px) {
    .carousel {
    height: 620px;}}
        
        @media (max-width: 1280px) {
        .carousel {
    height: 607px;}
        }
        
        
        @media (max-width: 1260px){
    .carousel {
        height: 597px;
        }}
            @media (max-width: 1240px){
    .carousel {
        height: 578px;
            }}
    @media (max-width: 1200px) {
    #cssmenu > ul > li > a {
        padding: 12px 8px;
        font-size: 13px;
    }
    .grid figure {
        margin: 15px 15px 0 15px;
        width: 280px;
    }
    /*Start new style*/
    
    
    .carousel {
    /*height: 570px;*/
	height: 800px!important;
	
	
	
	}
    
    #cssmenu
    {
        display:none !important;
    }
    .main
    {
        display:block
    }
    
    .cbp-hrmenu > ul > li > a {
        padding: 20px 6px 15px 6px;
        font-size: 14px;
    }
    .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {
       /* padding: 0 7.875em 0 1.875em;*/
    }
    /*End new style*/
    video.video-fluid {
    width: 100%;
    object-fit: contain !important;
}
.hero__video{
	   width: 100% !important;
        object-fit: cover !important;
}
    }
	

	
	
    @media (max-width: 1010px) {
        
        .carousel {
        height: 480px;
    }
        
        
    }
	
	
	
	
	   
	   
	   
    @media (max-width: 991px) {
    

		.logo2 {
    display: none;
}
		
		
.carousel {
       /*  height: 700px!important;*/
    }
        
         .footer-margin{
      width: 293px;}
        
        #cssmenu #menu-button::before{
    
        top: 55px;}
    #cssmenu #menu-button::after{
    top: 47px;}
    /*Start new style*/
    
    .main
    {
        display:none;
    }
    
    
    #cssmenu
    {
        display:block !important;
    }
    
    
    #cssmenu > ul > li > a {
        font-size: 15px;
    }
    
    
    .logo2 .logo {
        margin-top: 0px;
        position: absolute;
        
        right: 53px;
        top: -90px;
    }
    
    /*End new style*/
    
    
    
    .top
    {
        text-align:center;    
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
    
    }
    
    
    .caption-carousel {
        top:  auto;
        bottom:60px;
    }
    
    .box-white {
        position: relative;
        right: 0;
        top: 15px;
        width: 100%;
    }
    
    .welcome-img2 {
        float:  none;
    }
    .box-white2 {
        position: relative;
        left: 0;
        top: 15px;
        width: 100%;
    }
    
    .welcome-img3 {
        float:  none;
    }
    .box-white3 {
        position: relative;
        left: 0;
        top: 15px;
        width: 100%;
    }
 


.three-sixty__swatches--exterior .color-picker {
        overflow-x: scroll;
        /* overflow-y: hidden; */
        padding: 5px 0px;
        white-space: unset!important;
}
    
    .caption-inner {
        bottom: 15px;
    }
    
    .caption-inner h3 {
        margin-bottom: 5px;
        line-height: 50px;
        overflow: hidden;
        font-size: 45px;
        text-transform: capitalize;
        margin-top: 0;
        color: #fff;
    }
    
    .breadcrumb>li {
        font-size: 15px;
    }
    
    }


   @media (max-width: 768px) {
	   
	  
    
    ul.introduce_list {
        margin-bottom: 62px;
        display: block;
    }
    .caption-carousel {
        position: absolute;
        top:  auto;
        bottom:60px;
        left: 10%;
        right: 10%;
        z-index: 10;
        padding-top: 20px;
        width: 80%;
        margin: auto;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 0px 0px rgba(0,0,0,0);
    }
    
    .caption-carousel h2 {
        font-size: 30px;
    }
    
    .carousel-indicators {
        position: absolute;
        bottom: -5px;
        padding-right: 0px;
        z-index: 9;
        width: 100%;
        left: 0;
        padding-left: 0;
        margin-left: 0%;
        text-align: center;
        list-style: none;
    }
    .carousel-indicators li{
        color:#910A2D;
    }
    .carousel-indicators .active {
        width: 17px;
        height: 17px;
        margin: 5px;
        background: rgba(255, 255, 255, 0.0);
        border: 3px solid #910A2D;
    }
    
    
    
    

    .caption-inner {
        bottom: 5px;
    }
    
        .news-text2 {
       padding: 0px 0px;
    }
    
    .pic-inner img {
		margin-top: 10px;
      margin-bottom:20px!important;
    /*height: 326px;*/
height:200px;}
    
  
    
    .caption-inner h3 {
        margin-bottom: 5px;
        line-height: 35px;
        overflow: hidden;
        font-size:30px;
        text-transform: capitalize;
        margin-top: 0;
        color: #fff;
    }
    .breadcrumb>li {
        font-size: 14px;
    }
    
    
    .copyright
    {
        text-align:center;
    }
    .copyright .socials {
        text-align:center;
    }
    .code_apply {
        display: block;
        padding: 12px 20px;
        margin: 0px 0px 10px 20px;
        min-height: 50px;
        color: #fff;
        width: 100%;
        float: right;
    }
    .pic-inner {
        width: 100%;
        height: auto;
        margin-left: 0px;
        margin-bottom: 0px; 
		/*margin-bottom: -136px;*/
        float: none;
    }
    input[type=checkbox] + label {
        display: block;
        width: auto;
        font-size: 15px;
        margin-right: 0px;
    }
    
    }
    


  
    @media (max-width: 767px) {
		
		.col-md-4.first-child .module-promos .content .title {
    margin: 0px!important;
}
	   .design2 .cmp-teaser__title {
        font-size: 24px;
        line-height: 30px !important;
    }
	
		.design2 .cmp-teaser__description h2 {
    font-size: 18px;
	 padding-right: 25px;
}

		.design2 .d2 {
    width: 100%;

        left: 46%;
        padding-left: 10px;		}
		
		.d2 .cmp-teaser__description {
    width: 100% !important;
    margin-top: 10px;
}
		.design2 .cmp-image__video {
    height: 350px;
}

		.design2 .cmp-teaser__image {
    height: auto !important;
}
		.design2 .teaser.cc-teaser-card .cmp-teaser{
			    display: inline-block;
			
			
		}
		
		.design2 .cmp-teaser__image img {
    width: 100%;
}
		.design2 .teaser .cmp-teaser__image {
   
    height: max-content!important;
		}
.design2 .cmp-teaser__content {
    margin-top: 0px;
}
		.video-container video {
  
    object-fit: cover!important;
		}
		
		.full-width__inner-wrapper.mazda8.w14 {
    margin-top: -64px !important;
}

		a.image-text__link.img5 {
    padding-top: 0px;
}
		
		.benefit-text .headline {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px;
		}
		
		.innovDsnCnt1 .innovDsnCnt1txtwrap {
    max-width: 980px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 46%;
    box-sizing: border-box;
}

.innovDsnCnt1 .innovDsnCnt1img video {
    width: 100%;
    height: 150px;
object-fit: cover;}


.innovDsnCnt2 {
    width: 100%;
    position: relative;
    height: 791px;
    /* padding-bottom: 9*/
}


.innovDsnCnt1 {
    width: 100%;
    position: relative;
    height: 640px;
}


.innovDsnCnt2 .innovDsnCnt2txtwrap {
    max-width: 980px;
            height: 790px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 59%;
    box-sizing: border-box;
}

.innovDsnCnt2 .innovDsnCnt2img video {
    width: 100%;
    height: 181px;
    object-fit: cover;
}
		.innovDsnCnt1 .innovDsnCnt1txtwrap .innovDsnCnt1txt .innovDsnCnt1txtsub {
    font-size: 16px;
    line-height: 21px;
}


.innovDsnCnt1 .innovDsnCnt1txtwrap .innovDsnCnt1txt h2 {
    font-size: 19px;
}

.fia .fiatxtwrap h2 {
    font-size: 20px;
}

.fia {
   
    padding-top: 14px;
}

.innovDsnCnt1 .innovDsnCnt1txtwrap .innovDsnCnt1txt {
    width: 100%;
    text-align: left;
    padding-left: 4%;
    padding-right: 4%;
}


.innovDsnCnt2 .innovDsnCnt2txtwrap .innovDsnCnt2txt {
 width: 100%;
    text-align: left;
    padding-left: 4%;
    padding-right: 4%;
}


.innovDsnCnt2 .innovDsnCnt2txtwrap .innovDsnCnt2txt .innovDsnCnt2txtsub {
           font-size: 15px;
        line-height: 20px;
}

.fia .fiatxtwrap .fiatxt1 {
    font-size: 16px;
    text-align: left;
   
}

.innovDsnCnt3 video {
    width: 100%;
    height: 284px;
}


.fiatxt1.margin-bottom-2 {
    margin-bottom: 23px;
}

p.cntWrap img {
    height: 283px;
}

.module-copy .margin-bottom-4 {
    margin-bottom: 30px;
}

		
		.category_margin {
    padding: 0px 0px 0px 39px;
    margin-top: 0%;
    color: #ffffff; 
}

		.text3 {
        font-size: 14px !important;
		padding: 0px;
}
		
		.innovation_hero .innovation_hero_inner {
    max-width: 100%;
    height: 289px;
    /* margin: auto; */
    /* position: relative; */
    cursor: pointer;
}

.innovation_hero .innovation_hero_inner .innovation_hero_text {
    color: #FFF;
    position: absolute;
    top: 34%;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 31px;
}


		
		.ori_hero h1 {
  
   font-weight: 600;
        font-size: 11px;
}
	
	.about5 img {
    height: 330px !important;
}
		.innovation1 .sixty-forty__content {
       /* padding: 8px 6px 0px 6px;*/
	 padding:  22px 6px 44px 8px;
    }
	
		.innovation1 .sixty-forty__content--mainTitle {
    color: #000000 !important;
}
.innovation1 .sixty-forty__content--preTitle {
    color: #000000 !important;
}
		.innovation1 .sixty-forty__content--textCopy {
    color: #000000!important;
}
		.innovation1 .sixty-forty__bgimage {
        display: inline-grid;
        background-image: none !important;
    }
	
		.innovation1 .sixty-forty__mobile-image {
    display: block !important;
}


		.level01{
			    padding-top: 18px;
			
		}
		
		.saving .subtl {
    color: #000000;
    text-align: center !important;
    letter-spacing: 0px !important;
    font-size: 21px !important;
}

		 .col-md-4.first-child .module-promos .content .title{
		   
		       font-weight: 500;
	   }
	   
	   .module-promos.img-top .content {
		   
		          margin-bottom: -187px!important; 
	   }
	
	span.align2 {
    font-weight: 700;
    margin-left: 35px;
}

	p.design {
    text-align: left !important;
}
	
    p.font-size-14.text-a-L {
		text-align:left!important;
        display: block;
    }
		
		
		p.font-size-18.text-a-C.align1 {
			
    text-align: left !important;
}
		
		.title8
		{
			        margin: auto !important;
    text-align: left!important;
    font-weight: 600;
    padding: 22px 10px 2px 0px!important; 
	}
		
		.top{
    padding: 0px 2px 0px 28px;

		}
		
		   html,body {
text-align: left!important;
}

p{
text-align: left!important;
}


.image-text__link
{
	padding-top: 14px;
	text-align: left!important;
	
}
.three-sixty__swatches--exterior .color-picker {
       
        white-space: unset!important;
}

ul.color-picker {
    white-space: unset !important;
}

		
		    .cars1 .benefit-text {
				        margin-left: 21px;
        margin-right: 13px;
        padding: 0px;
    }
	 
		.image-text__content h2 {
    font-size: 17px !important;
}

section.hero.hero--large.hero--light {
  /*  margin-bottom: -108px;*/
}

.layout.dark .title {
    text-align: center !important;
}
    ul.introduce_list {
        margin-left: -52px!important;
	}
	
	.col-md-6.last-child {
    margin-left: -36px;
}

.topics_margin h5 {
    font-size: 12px!important;
}

		    #cssmenu #menu-button {
        display: block;
        padding: 0px 0px;
        color: #fff;
        z-index: 9999;
        /*top: -17px!important;*/
			}
			
		<!--Heritage-->
		
		.module-promos.full-width .content .title {
 
    color: #000;
}



.module-promos.full-width {
	    background-size: 100%;
     padding: 0px;
}
.module-promos.full-width .content, .module-promos.full-width .video-wrapper {
     padding: 0px;
   
    /*margin-top: 138px;*/
}

.dark .module-promos .content .description {
    padding: 0px !important;
    margin-top: -26px;
    /* margin-top: 52px; */
    margin-bottom: 30px !important;
}

.col-md-4.first-child .module-promos .content .description {
  /*  padding: 0 30px 0 30px !important;*/
          padding: 0px 27px !important;
        margin-top: 0px;
}
module-promos.img-left .content, .module-promos.img-right .content, .module-promos.img-top .content {
     height: 318px; 
}
.dark .module-promos .content .title, .dark .module-promos .content p, .medium .module-promos .content .title, .medium .module-promos .content p {
    color: #fff;
    text-align: center;
}

.module-promos.full-width .image img {
    visibility: visible;
    height: auto;
}

    .full-width__inner-wrapper.w9 {
        /* margin-top: 0px !important; */
        padding: 90px 10%;
    }

.page_lead p{
	
	text-align: left!important;
}

.module-promos.full-width {
	background:none!important;
    margin-bottom: 16px;
}

.dark .module-promos .content .title {
	
text-align: center!important;
padding: 10px;
        color: #000000;
        margin-top: -23px;
    line-height: 23px;
    font-size: 16px;
    height: auto;
}

.module-promos .content p{
	        color: #6b6969!important;
	
}


.first-child .title {
	/*text-align:left!important;*/
	
    color: #ffffff !important;
}


.first-child .description p {
	        /*margin-left: 8px;*/
margin-left: -20px;
			padding:0px;
	/*text-align:left!important;*/
        color: #ffffff !important;
}
.dark1 {
    text-align: left;
    margin: 15px -41px -6px -42px;
}

    .col-md-4.first-child {
        margin-left: -43px!important;
        margin-right: -43px!important;
	}

               <!--Safety-->
.txt p {
   /* text-align: left!important;*/
}

    .safety_block .txt {
        text-align: left;
	}
	.txt p {
    text-align: left;
}
	
.swiper-scrollbar {
        bottom: 69px!important;
}

.life_cycle_perspective .txt{
font-size: 14px;

}



.life_cycle_perspective .lead{
text-align:center!important;
    margin-top: 39px;
}
.life_cycle_perspective {
    padding-bottom: 5px;
}

.page_lead {
    text-align: left;
}

.mazdas_approach .txt {
  / text-align: left;
}

.three-sixty__swatches--exterior .color-picker__dot {
    display: inline-block;
    height: 38px;
    margin: 0 5px!important;
    position: relative;
    width: 25px;
    cursor: pointer;
}

.three-sixty__swatches--exterior .color-picker__outer-circle {
    background-color: #e7e7e7;
    border-radius: 43%;
    border: 0;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 30px!important;
    position: relative;
    width: 30px!important;
}

.three-sixty__swatches--exterior .color-picker__inner-circle {
    border-radius: 50%;
    display: block;
    height: 15px!important;
    left: 7px!important;
    position: absolute;
    top: 8px!important;
    width: 15px!important;
}

.section3 .fifty-fifty__content-block--text
{
margin-top: -49px;
	}
	
	  
.image-text__img-container {
      /*  height: 196px!important;*/
        height: 251px!important;
    }


.row.cars1 {
   /* margin-bottom: 65px;*/
}

.benefit-text {
  
   /* padding: 0px 75px;*/
        padding: 0px 20px;
}

.col-md-6.padding-right iframe {
    height: 350px !important;
}

.gray-bg
{
	background-color:#f5f5f5;
	padding:0px 0;
}
    .logo img {
   
        margin: auto!important;
    }


.content-cars {
     padding: 0px;
}
.col-md-4.first-child {
    margin-top: 4px;
    margin-bottom: 7px;
}



.res-1024-cols-12 {
    width: 100%;
  
     margin: 0px !important; 
}

.logo2 img {
    margin: auto auto auto auto;
}

h3.title {
    line-height: unset !important;
}

.module-promos.img-left .content, .module-promos.img-right .content, .module-promos.img-top .content {
    margin-top: -22px;
    margin-bottom: -100px;
padding: 0px 0 0px 0;
}


.dark a.promos-link {
    padding: 7px 9px 11px 20px!important;
}



.con {
   /* letter-spacing: 0px !important;*/
}


.crash_block .txt_block {
    width: 100%;
    padding: 20px 0;
}


.crash_block .img {
    width: 100%;
    line-height: 1;
}

.crash_block .inbox {
    display: block;
}

.crash_block .txt {
   /* text-align: left!important;*/
   /* letter-spacing: 0px!important;*/
}

.award_block .inbox {
    width: 100%;
}

.crash_block .stl {
/*letter-spacing:0px!important;*/
    text-align: left;
}

.crash .txt {

    text-transform: uppercase;
        text-align: center!important;
        width: 269px;
        margin: auto;
        font-size: 18px;
}
.crash_con p {
    text-align: center;
}

.crash .img img {
    width: 100%;
    height: 85%;
}

.first-child .description {
    margin-top: -22px;
    margin-bottom: -9px !important;
}


.first-child a.promos-link {
    font-weight: 700;
    color: black;
}


.topics_margin {
    margin-top: -12px;
    
    margin-bottom: -39px;
}


h2.title_h2 {

    font-size: 25px;
}

.description h5 {
    font-size: 13px !important;
}
.module-promos.img-left .content{
        margin-top: 2px !important;
   padding: 19px 0 30px 0;
}

p.margin-bottom-20 {
    font-size: 15px;
}

.medium .module-promos.img-left {
    margin-right: -45px;
}


.module-copy h5 {
        text-align: left;
        line-height: 20px;
       font-weight: 700;
    font-size: 14px;
}

.module-promos.img-left .content .description{
    padding: 0 10px 0 21px!important;
}

h3.title_h3 {
 
    font-size: 24px!important;
}

.row {
/*letter-spacing:normal!important;*/

}
.by2030_con .conwrap .con .txt p {
	margin: auto !important;
    /*text-align: center !important;*/
}

h2.motorsports {
    font-size: 22px;
}

h3.motorsports {
    font-size: 21px;
}

.in_container {
    width: 100%;
}
.our_commitment_to_planet_earth_con h2 {
    
    font-size: 22px!important;
}

.our_commitment_to_planet_earth_con .txt {
    font-size: 21px;
   /* letter-spacing: 0px;*/
}


.content-col__inner__text__header{

    z-index: unset;
}

.life_cycle_perspective figure {
    width: 100%;
}

.life_cycle_perspective .txt_block {
    width: 100%;
}

.life_cycle_perspective .con {
   
    display: grid;
}

.potential .txt {
   
    padding: 0% !important;
}


.link {
    margin-top: -35px;
}

.mazdas_approach .txt {
    margin-top: -32px;
  margin-bottom: 0px!important; 
}

.mazdas_approach .img>li {
        margin-left: 28px !important;
        margin-bottom: 27px;
    width: 60%!important;
}

.by2030_con .conwrap {
          top: -50px;

    font-size: 14px !important;
}

.img-gallery a{
	
	    width: 155px!important;
}


.content3 p{
	margin: 1px 0 86px!important;
	
}

.mazdas_journey_to_2030 .block {
        margin-bottom: 52px;
    display: grid!important;
}

.the_road_to_zero .block .txt_block:nth-child(even) {
    margin-left: -25px;
}

.mazdas_journey_to_2030 .block>* {
    width: 100%;
}

.the_road_to_zero .block>* {
    width: 100%;
}
.the_road_to_zero .block {
    display: grid;
}

.the_road_to_zero .con:before {
display:none;
}

.the_road_to_zero .block:before {
display:none;
}


.mazdas_journey_to_2030 .block:nth-child(2n) .txt {
    padding-right: 0;
     padding-left: 0%; 
    text-align: left;
}

.mazdas_journey_to_2030 {
    padding-bottom: 0px;
}


.by2030_con {
    position: relative;
    height: 220px;
    overflow: hidden;
    display: grid;
}

.mazdas_journey_to_2030 .level01 {
    padding-top: 20px;
    margin-bottom: 42px;
}

.video_wrapper.img video {
    width: 100%;
          height: 180px;
}

#cssmenu #menu-button::before{
	        z-index: 999999;
	
}

ssmenu #menu-button::after {
        z-index: 99999;
		
}
.carousel-indicators li {
    width: 10px;
height: 10px;}

.the_road_to_zero .block .txt {
/*letter-spacing: 0px !important;*/
}

.the_road_to_zero .block .subtl{
/*letter-spacing: 0px !important;*/
}


.the_road_to_zero .block .txt_block {
   
          margin-top: 24px !important;
}

.the_road_to_zero .block .subtl {
  
    margin-bottom: 7px;
}

.the_road_to_zero .block:nth-child(2n) .txt_block {

    padding-right: 0%; 
}

.btn_movie a {
    color: #000000 !important;
}

.content-col__inner__img__area {
    margin: 0;
    padding: 0;
}

.our_commitment_to_planet_earth_con p {
   /* text-align: center !important;*/
}


.content-01-2 .content-col__inner {
    margin-top: 0;
    padding-top: 38.75vw;
}

.sixty-forty--hasImg .sixty-forty__content{
	        padding: 18px 10px 83px 14px;
        /* padding: 28px !important; */
        min-width: unset !important;
        max-width: unset !important;
	/*width:100%!important;*/
}
.padding3{
padding: 67px 10% 1px 10%;
}

.sixty-forty__content--text p {
	padding: 21px;
    /*text-align: center !important;*/
}


.full-width__inner-wrapper p {
    text-align: center;
}


p.sixty-forty__content--textCopy {
  /*  text-align: left !important;*/
}

.content-col__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: -webkit-flex; */
    /* display: flex; */
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 30.3125vw 44px 8.75vw;
    margin-top: 8.75vw;
}
.wrap img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
}

.wrap .sp-block {
    display: block;
}

.content-02 {
    background-color: #000;
    background-image: url(../images/img_content02-1_sp.jpg)!important;
}

.content-colbg {
    overflow: hidden;
    background: #000 center top no-repeat;
    background-size: 100% auto;
    color: #fff;
}

.content-02 .content-colbg__inner {
    padding: calc(90.66667vw) 44px 8.75vw;
}
.content-colbg__inner__text__header h1 {
    font-size: 4.375vw;
    text-align: left;
    padding: 0 0 5vw;
}

.content-02 .content-colbg__inner__text__header h2 {
    line-height: 1.5;
}


.content-col__inner__text__header h2 {
   /* font-size: 17px;*/
	font-size: 15px;
	font-weight:700;
}

.hero__inner-wrapper h1 {
    font-size: 23px;
}

.content-02 .content-colbg__inner__text__header h2, .content-03 .content-colbg__inner__text__header h2, .content-04 .content-colbg__inner__text__header h2 {
    display: inline-block;
    text-align: left;
    font-size: 6.5625vw;
}

.content-02 .content-colbg__inner__text {
    width: auto;
     margin-right: 0px !important; 
}

.content-02 .content-colbg__inner__text__header h3{

font-size:17px!important;

}

p.font-size-18.text-a-C {
  /*  text-align: left!important;*/
} 
.content-03 {
    background-color: #3b3a38;
    background-image: url(../images/img_content03-1_sp.jpg);
}

.content-03 .content-colbg__inner, .content-04 .content-colbg__inner {
    padding: 131.25vw 44px 0;
}


.content-03 .content-colbg__inner__text__header {
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 9.84375vw 44px 98.98vw;
}

.content-colbg__inner__text__area .btn, .content-colbg__inner__text__area .btn_movie {
    margin-top: 7.5vw;
}

.content-03 .content-colbg__inner__text__header__box .content-colbg__inner__text__area, .content-04 .content-colbg__inner__text__header__box .content-colbg__inner__text__area {
margin-left: 84px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 14.75vw;
}

.content-colbg__inner__text__header__box h3 {
    font-size: 20px !important;
}

.next-generation{
padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: -16px;
    margin-left: -18px;
}



.content-04 {
    background-image: url(../images/img_content04-1_sp.jpg)!important;
}

.content-04 .content-colbg__inner__text__header {
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 9.84375vw 44px 92.5vw;
}
.content-colbg__inner__text__header h1 {
    font-size: 4.375vw;
    text-align: left;
    padding: 0 0 5vw;
}

.content-04 .content-colbg__inner__text__header .inner {
    position: relative;
    display: inline-block;
    padding-right: 14.21875vw;
}
.content-04 .content-colbg__inner__text__header h3{

font-size:17px!important;
}

.content-04 .content-colbg__inner__text__header .inner:after {
   content: "";
    display: inline-block;
    position: absolute;
       top: 5.90625vw;
    right: 0;
    width: 12.8125vw;
    height: 10.5vw;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Mi44NDQiIGhlaWdodD0iODAuNjMiIHZpZXdCb3g9IjAgMCA4Mi44NDQgODAuNjMiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0ic2FraWdha2UiIGNsYXNzPSJjbHMtMSIgZD0iTTQ4Ni44NjgsMjUxNS45NGExMi4xNTEsMTIuMTUxLDAsMCwxLDUuNjU4LjE2YzEuNDg2LDAuNDgsMi4zMDUsMS4yNiwyLjQ1MywyLjMycy0wLjQ2OSwxLjcxLTEuODU3LDEuOTNhMTEuNzg3LDExLjc4NywwLDAsMS01LjY0Mi0uOTZjLTIuMzc2LS44Ni0zLjYtMS41Ny0zLjY4LTIuMTFzMC45NDUtMSwzLjA2OC0xLjM0bTAuOTU0LDM3Ljk1YzEuNDcxLDMuMTMsMy4xLDMuNjIsNC4xNDgsMy4xLDEuNDcxLS43NCwxLjA1MS0zLjYxLTAuNS00Ljk5YTIyLjcsMjIuNywwLDAsMC03LjUwOS00LjY3LDE3LjkyMiwxNy45MjIsMCwwLDEsMi40NDUsMy44N2MtMS40MzIuODItNy43MTUsMi41NC04LjIyOCwyLjcyLTAuNDkxLjE2LS44MzYtMC4wMi0wLjQ2OC0wLjU1LDAuODQ2LTEuMjEsMy4wNTctNCw0LjY2Mi01Ljk1LDAuNjQyLS43OCwxLjc5Mi0xLjMsMi4xNzItMi4xNiwxLjAxMi0yLjI3LTMuMDkyLTUuNTUtNy43MTgtMS40NiwyLjk0My0uOTgsMi45ODQtMC4wNywyLjAxLDIuM2E2OS4yODksNjkuMjg5LDAsMCwxLTMuODcyLDYuNzUsNC4wNTYsNC4wNTYsMCwwLDEtMi44MTUsMi4yNGMtMS4xNDkuMzYsMC45NTQsNC43NSwzLjUwOCwzLjAyLDIuODI5LTEuOTIsOS40LTMuOTYsMTIuMTYyLTQuMjJtLTguNjQyLTM3LjgzYy0xLjk5My0xLjk3LTMuMTYzLTIuMTctNi4wNzQtLjg1LTMuMDI0LDEuMzctOC4yMzEsMy43Mi0xMS4yNjYsNS4wNywyLjEzNS0xLjc0LDcuMTI3LTcuMzcsOS4xNDQtOS40OCwxLjEzMi0xLjE5LDIuMjEyLTIuMzUsMS41NDEtMy45NC0xLjA5MS0yLjU3LTMuMDczLTMuODMtNy4wNjItMS4xMSwzLjExOS0uMzQsMy4xLDEuNTcsMi40LDMuMDktMS45LDQuMTMtNS43NjgsOS41My05LjMyOCwxNCwxLjIxOC0uMjgsMi41NTUtMC45OSw0Ljg5MS0xLjU4LDAuOC0uMDkuNDA1LDMuNjgsMC40MjYsNS4xOC0yLjIzOSwxLjIzLTIuNzc0LDIuMjUtNS4yMTUsMi45My0wLjI0MS00LjMxLTEuNi03LjM5LTUuNjE5LTguNDQsMy4xNiwzLjU4LDIuODg4LDcuNDEsMi42NiwxNC4yMy0wLjA4MywyLjQ5LS4zNzgsNC4xOS0wLjQ2NCw1LjIzLTAuMTkzLDIuNCwzLjAyMiwxLjM2LDMuMzItLjQxLDIuMzYyLS41MiwzLjEyMS4xOSwyLjg5MiwyLjM1LTAuOSw4LjM1LTExLjAyMSwyMC43Ny0yMy4xNTQsMjcuNTgsMTYuNDUzLTUuNzksMjUuMTI3LTE5LjM5LDI2LjUxMy0yNy40MywwLjM4OC0yLjI1LS40MDktMy4zMy0xLjctMy42NiwzLjM5LS43Niw3LjY2Mi0xLjU4LDkuNjE2LTEuNDctMC4zOCwyLjc1LDMuNTkyLDMuNjYsNC43ODctMi4yMywwLjg3MS00LjMxLDEuNjIzLTcuODIsMi42MjEtMTIuNjEsMC42ODYtMy4yOC45NjEtNC41OS0uOTI2LTYuNDVtLTE1LjUsMTkuNzZjLTEuNzY4LjUtMy45MzYsMC45NS00Ljg1NiwxLjEzYTQwLjcxMyw0MC43MTMsMCwwLDAtLjAwOC03LjAxYzEuNjA3LDAuNzUsMy4xMzYuNDEsNC45MzQtLjIxLDAuMDkzLDEuMzItLjAwOCw0LjcxLTAuMDcsNi4wOW0zLjgwNy0xNi4wNmMxLjkxMi0uNTgsNC44MzktMS4yNiw2LjkyNS0xLjc2YTAuODgxLDAuODgxLDAsMCwxLDEuMi45NGMwLDEuNDYtLjAyMiwzLjEyLTAuMDg5LDQuODVhMy42NDYsMy42NDYsMCwwLDAtMi4wNTMtLjY0LDEyLjQ3MSwxMi40NzEsMCwwLDAtNi4wNTgsMS40MmMwLjAzNS0xLjk1Ljk3NS00LjQ4LDAuMDcxLTQuODFtNi43ODMsMTMuNjZhNjIuNjg2LDYyLjY4NiwwLDAsMS04LjI2NywxLjkzYzAuOTE3LTEuNjgsMS4wMzYtNC41OSwxLjIxMi03LjAyYTE3LjA4MSwxNy4wODEsMCwwLDEsNi43LTIuMDIsNS4zMDgsNS4zMDgsMCwwLDAsMS41LS40MSwzNi44MjYsMzYuODI2LDAsMCwxLTEuMTQ4LDcuNTJtNDUuODIzLDI4LjdjLTMuMy0xLjg4LTMuNjc0LTcuNTItNC44NDUtMTIuODgtMC41NjMsMy4xNC0uNTQ1LDguNzctMC42ODcsMTAuNjQtMC4xMzQsMS43Ni0uNzY2LDIuNDMtMy4xNSwyLjk2YTk1LjMyLDk1LjMyLDAsMCwxLTEwLjU2MiwxLjUyYzAuMjkzLTQuNi4zNTEtOS4wMywwLjM1OC0xMy40NywwLjAxMi00LjksMC0xMC4xNC0uMDItMTUuMWExMDIuOTY1LDEwMi45NjUsMCwwLDEsMTEuMDM5LTMuNjUsMjcuMjUzLDI3LjI1MywwLDAsMCw0LjkxNS0xLjUxLDAuOCwwLjgsMCwwLDAsLjA5LTEuNTQsNy41ODIsNy41ODIsMCwwLDAtOC4wMS0uMzhjLTIuMDksMS00LjksMi4zOS04LjA0OCwzLjg2LTAuMDM5LTkuMjUtLjA5Mi0xNi45My0wLjAzMS0xOC41OSwwLjEyLTMuMjguMTg5LTYuNTgsMC41MjItOS44NGE2LjE0LDYuMTQsMCwwLDAtMS44NTItNS40NCwyLjYzNywyLjYzNywwLDAsMC0zLjU4NC0uMjgsNy4zMiw3LjMyLDAsMCwwLTIsMi41LDIuOCwyLjgsMCwwLDEsMi4zNjMsMi45M2MwLjE3OSwyLjY4LjQ0LDE1Ljg0LDAuNzksMzAuNDVhODQuNSw4NC41LDAsMCwxLTE0Ljk0MSw1LjM1YzIuOTQxLDIuMzksNy4yODgsMS41LDE0LjUxNy0yLjAyLDAuMTYtLjA3LjMzLTAuMTUsMC41LTAuMjMsMC4yMzIsOS41My41LDE5LjQsMC44MTEsMjcuMi04LjQzNy43LTE4LjI0OSwwLjg3LTI0LjAwNy0uMzctNC4xNjctLjktNS45NTItNS4wNi0yLjA2OC0yMS4xNCwwLjk0NS0zLjkxLTIuODI4LTQuMjEtNi41NjEtMy4zNiwzLjAxLDAuMzIsMi44NTQsMi40NywyLjU3Nyw1LjU1LTAuNDc1LDUuMy0xLjAyNCw4Ljg1LTEuMSwxNC4xNC0wLjA3NSw1LjA0LDEuOCw3LjkxLDEwLjkyNCw4LjkxLDQuNSwwLjQ5LDEyLjY0My4zMiwyMC4zOTQtLjA0LDAuMjE5LDQuODEuNDU4LDguNDYsMC43MTQsMTAuMTcsMC42NTYtMy41NywxLjEwNS02Ljk3LDEuNDA5LTEwLjI3LDQuNTc0LS4yNCw4Ljg4LTAuNTMsMTIuMDUtMC43N2EyMi4zLDIyLjMsMCwwLDAsNi4zLTEuMThjMi42LS45NCwyLjgyNi0zLjE5LDEuMTk1LTQuMTJtLTM1LjEzNi0zNC40NGMxLjYtMS4yNiwyLjk5LTEuMjUsNS44MDctLjI4LDAuODI1LDAuMjgsMS42LjY1LDIuNDYsMC44NiwxLjM0MywwLjMyLDEuMy40NiwwLjU0MSwxLjMyLTEuODA4LDIuMDMtMy45MzUsMi44LTcuMDU3LDIuMi0zLjIyOC0uNjQtMy43MTItMi41Ni0xLjc1MS00LjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MzguMjgxIC0yNDk3Ljg0KSIvPgo8L3N2Zz4K) center center no-repeat;
    background-size: contain!important;
}

h3.ttl {
    font-size: 20px!important;
}

.content-col__inner__text__header {
  
    padding: 0.75vw 44px 7.5vw;
}

.content-03 .content-colbg__inner__text__header h3 {
    font-size: 19px;
}

.level02{
    /*letter-spacing:0px !important;*/


}
.philosophy .txt p {
    letter-spacing: normal !important;
}
.potential .txt p {
   
    padding: 0% !important;
}

tree-sixty__swatches--exterior .color-picker__dot {
 
    width: 34px;
}

#cssmenu ul ul{
	z-index:99999;
   /*     margin: -15px 22px 21px 0px!important;*/
   margin:80px 44px -70px 0px!important;

}

.content-col__inner__text__area {
    z-index: 0;
}

#cssmenu > ul > li > a {
      
        text-transform: uppercase;
}
a.contact {
    display: none;
}

.div {
/*letter-spacing:normal!important;*/

}
h2.image-text__copy {
    text-align: left !important;
}

.p{
/*letter-spacing:normal!important;*/

}


.safety_block .level02 {
        padding-top: 21px;
        padding-bottom: 21px;
}
.safety_block .level02 {
 
    width: 100%;
}

br.sp_none {
    display: none;
}


h2.level01 {
	text-align:center!important;
    /*letter-spacing: normal;*/
    font-size: 17px !important;
}
.saving .txt_block {
     margin: 0% !important;
    width: 100%;
}
.saving .img{
margin-right:0px!important;

}

    .swiper-wrapper .txt_block {
       /* letter-spacing: 0px !important;*/

}

.swiper-wrapper .txt_block .stl {
        font-size: 19px;
}

    .swiper-slide {
     /*   width: 100%;*/
}

.swiper-wrapper {
 
     height:100% !important;
}


.philosophy_img li {
    margin-right: 21px;
    margin-left: -14px;
    display: flex;
    /* flex-wrap: wrap; */
    /* align-items: stretch; */
    justify-content: center;
    width: 5%;
}

.philosophy_img li a {
   
    font-size: 7px;
}


.safety_block .txt {
  
    letter-spacing: 0px!important;
}

.safety_block .link {
    margin-top: 20px;
}


.level02{
    width: 100%;
}


.sixty-forty__bgimage {
   
    display: inline-grid;
}

.sixty-forty__content{
max-width: 100%!important;

}

.sixty-forty__image-container.img-responsive {
    width: 100% !important;
}


.sixty-forty__content-inner {
    width: 100% !important;
}

.full-width__inner-wrapper {
   /*  padding: 5px 10%;*/
   /* padding: 2%!important; */
}




.fifty-fifty__content-block {
    min-width: unset;
    max-width: unset;
}

.sixty-forty__content--text {
    color: #ffffff !important;
}

.full-width__inner-wrapper h2 {
    font-size: 21px;
}

.image-text article {
    width: 98%!important;
}


section.image-text {
    display: inline-grid!important;
}

.full-width__subpage-title {
   /* margin-bottom: 22px;*/
   margin-bottom:-65px;
    margin-top: 32px;
    font-size: 22px!important;
}

.sixty-forty__image-container.img-responsive {
        margin-top: -93px;
        margin-bottom: 92px;
}


.sixty-forty__content {
  
    padding: 8px 6px 93px 6px;
}


.full-width__blurb {

  /*  padding: 138px 40px 40px 40px;*/
  
  
          padding: 14px 40px 15px 40px;
}

.image-text__title {
    margin-top: -12px!important;
    /*font-size: 27px!important;*/
	        font-size: 22px !important;
    /*letter-spacing: 0px!important;*/
   
    margin-bottom: 16px!important;
}

.full-width__subpage-title {
    font-size: 1.5625rem;
    line-height: 1.5;
   /* letter-spacing: 0px !important;*/
}

.fifty-fifty.center-justified {
    display: grid!important;
}

fifty-fifty.center-justified {
    display: grid!important;
}

.fifty-fifty__content-block--title h2 {
    font-size: 18px;
/*letter-spacing: 0;*/
}

.fifty-fifty__button {
    margin-bottom: -64px;
}

.full-width__title {
    font-size: 24px!important;
}

.full-width__title {
  
   /* letter-spacing: 0px!important;*/
}

h2.image-text__title {
	text-align:center;
    color: #000000 !important;
}


p.text-secondary {
	padding-bottom: 10px;
    margin-top: 14px!important;
}

.footer-text {
    line-height: 24px;
    height: 75px;
}

.footer .form-control {
    height: 50px;
}
.footer .socials ul li {
   
    width: 45px;
    height: 32px;
}

.footer .socials ul li a {
    width: 40px;
    height: 44px;
}

.footer .btn {
    padding: 17px 18px;
}

.footer .socials ul {
 
    margin-top: 2px;
}

.copyright{
    line-height: 28px;

}

.footer {

    padding: 20px 0;
}

.sixty-forty__image-container.img-responsive.committed.image9 {
    margin-bottom: 6px;
}

    #cssmenu > ul > li {
        z-index: 999999!important;
	}
	
	    #cssmenu > ul > li > a {
        /*z-index: 99999!important;*/
		}
		
    #cssmenu ul {
z-index:99999!important;
        top: -72px!important;
}
.box-white3 p {
    margin-top: -20px;
    margin-bottom: -21px;
}
 .box-white3 {
        margin-bottom: 34px;
        position: relative;
        left: 0;
        top: 7px;
        width: 100%;
    }


.welcome-img3 {
        margin-top: 10px;
    width: 100%;
    height: 264px;
}


.title-black {
    color: #2b2b2b;
    font-size: 20px;
}

.title {
    color: #fff;
    font-size: 21px;
}

.top .socials {
    display: none!important;
}

.top .socials li a {
    display: none !important;
}

    .cars ul li {
        width: 100% !important;
    }
	
	.cars ul li img{
		    height: 131px;
		
	}
	
	
    img.img-responsive.about {
        width: 100% !important;
    }
    .carousel {
       /* height:365px;*/
        height:261px!important;
        position:relative;
    }
	
	.image5 {
    display: none;
}

    .figure {
        
        /*width: 135px;*/
/*width:100%;*/
    }}

    
 
    @media (max-width: 700px) {
    
    .carousel {
  /*  height: 332px;*/}}
    
    
    @media (max-width: 660px) {
    
    .carousel {
  /*  height: 312px;*/}}
    
    @media (max-width: 600px) {
    
    .carousel {
   /* height: 285px;*/}}
    
    @media (max-width: 580px) {
    
    .carousel {
    /*height: 270px;*/}}
    
    @media (max-width: 500px) {
    
    .carousel {
    /*height: 240px;*/}}
    
    @media (max-width: 430px) {
    
    .carousel {
    /*height: 192px;*/}
	
	
	}
    
    
    
    
    
    @media (max-width: 380px) {
		
		    #cssmenu #menu-button::after {
        top: 51px;
    }
	#cssmenu #menu-button::before {
        top: 59px;
    }
		
		.about5 img {
        height: 300px !important;
    }
	
    .top {
        padding: 0px;
    }
    .carousel {
   /* height: 169px;*/}
	
	    .carousel-indicators li {
        width: 10px;
        height: 10px;
    }
	    .carousel-indicators .active {
        width: 15px;
        height: 15px;
		}
	}   
    
    @media (max-width: 350px) {
    
    .carousel {
   /* height: 168px;*/}
   
   }