/* color codes */

/* lightgrey #ECEDF1 */
/* darkblue by GPT 257F97 */

/* darkblue: #1e232e */
/* blue: #202430; */
/* bg_lightgrey : # */

html{
	max-width: 100%;
	overflow-x: auto;
	overflow-y: auto;
	min-height: 100%;
	font-size: 16px; 
}
body{
	max-width: 100%;
	overflow-x: auto;
	overflow-y: auto;
	min-height: 100%;
	margin: 0;
	/* font-family: sans-serif; */
	/* font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif; */
	font-family: "Aeonik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	/* font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
	/* font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
	/* font-family: "Neue Montreal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
	/* font-family: "GT America", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
	/* font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
	/* font-family: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
	font-size: 16px;
}

ul li{
	list-style-type: none;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}


h1 { font-size: 44px; font-weight: 600; }
h2 { font-size: 40px; font-weight: 600; }
h3 { font-size: 32px; font-weight: 600; }
h4 { font-size: 24px; font-weight: 600; }
h5 { font-size: 20px; font-weight: 600; }
p, div, span, a  { font-size: 16px; }

/* ------------- WIDJET -------------------------------------------------*/
.content_widjet{
	width: 63px;
    min-width: 63Px;
    background: rgba(0, 0, 0, .34);
    border-radius: 4px;
    position: fixed;
    right: 15px;
    bottom: 25px;
    box-sizing: border-box;
    z-index: 10;
    transition: all .3s;
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
}
.widjet_item{
	font-size: 8px;
    padding: 0 5px;
    cursor: pointer;
    position: relative;
	text-align: center;
}
	.widjet_item a:hover{
		text-decoration: none;
	  }
.discount{
	background-color: #d7000f;
	transition: .3s linear;
	opacity: 1;
}
.discount:hover{
	opacity: 0.7;
}
.catalogue{
	background-color: #406670;
	transition: .3s linear;
	opacity: 1;
}
.catalogue:hover{
	opacity: 0.7;
}
.test, .chat{
	opacity: 0.5;
	background-color: transparent;
}
.chat span{
	color: #21c063 !important;
}
.test:hover, .chat:hover{
	opacity: 1;
	background-color: #000;
}
.go_to_top{
	background-color: #406670;
	transition: .3s linear;
	opacity: 1;
}
.go_to_top p{
	color: white;
	font-size: 10px !important;
	padding: 0;
	margin: 0;
}
.go_to_top:hover{
	opacity: 0.7;
}

.item_main_content{
    min-height: 63px;
    padding: 0px 0;
    border-bottom: 1px solid rgba(18, 18, 18, .22);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.item_main_content img{
	margin-bottom: 3px;
    width: 14px;
}
.item_main_content span{
	font-size: 10px !important;
	color: white;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  /* display: inline-block; */
}
.btn{
	background-color: #406670;
	border: none;
	outline: none;
}
.btn:hover{
	background-color: white;
	border: none;
	outline: none;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  right: 67px;
  bottom: -153px;
  background-color: #406670;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding-left: 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  align-items: start;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd; color: #000;}
.dropdown-content a:hover .btn {background-color: #ddd; color: #000;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* ---------------------------- MAIN MENU ------------------------------------- */
.logo_main{
	width: 120px;
}

.menu {
	width: 100%;
	height: 72px;
	position: fixed;
	top: 0;
	opacity: 1;
	z-index: 11;
	background-color:#1e232e;
  }
  
  .menu a {
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: white;
	text-align: center;
	padding: 24px 12px;
	text-decoration: none;
  }
  .voyah_logo_main{
	padding: 17px 24px 0 24px !important;
  }
  .drive_type{
	color: black;
  }
  
  .subnav {
	float: left;
	overflow: hidden;
  }
  .subnav .subnavbtn {
	font-size: 16px;  
	font-weight: 400;
	border: none;
	outline: none;
	color: white;
	padding: 24px 24px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
  }
  .menu a:hover, .subnavbtn {
	color: #406670;
  }
  .subnav-content {
		
	z-index: 111;
	transition: 1.3s ease;
	-webkit-overflow-scrolling: touch;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 30px 10% 30px 10%;
	width: 100%;
	background: #fff;
	max-height: calc(100dvh - 80px);
	overflow-y: auto;
  }
  .subnav-content a {
	color: #1e232e;
	text-decoration: none;
	padding: 0 !important;
	margin: 0 !important;
  }
  .subnav-content a:hover {
	color: #1e232e;
  }
  .subnav:hover .subnav-content {
	display: block;
	position: absolute;
	transition: 1.3s ease;
	transition-delay: 1.5s;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch;
  }
  .category{
	width: 100%;
	height: auto;
	float: left;
	padding: 20px 0 0 0;
  }
  .rev_phev{
	border-bottom: 1px solid grey;
	padding-bottom: 7px;
  }
  .category p{
	font-weight: 600;
  }
  .model_card{
	background-color: white;
	width: 20%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 30px 14px 0;
    min-width: 170px;
    max-width: 256px;
    max-height: 262px;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    vertical-align: top;
    position: relative;
  }
  .model_card:hover{
	background-color: white;
	box-shadow: 0 7px 20px 0 #1e232e;
  }
  .model_card:hover span{
	color:#406670;
  }
  .model_card a{
	padding: 24px 0;
  }
  .card_title{
	padding: 0px 0 0 0;
  }
  .card_title h4{
	color: black;
	font-weight: 600 !important;
	text-align: center;
	margin: 0;
  }
  .card_img img{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	height: auto;
	border-radius: 10px;
	position: relative;
	transition: transform 0.4s ease;
  	transform: scale(1); 
  }
  .car_img img:hover{
	height: auto;
	border-radius: 10px;
	transition: 0.5s;
	transform: scale(1.2);   
  }
  .explore{
	display: flex;
	align-items: center;
  }
  .explore span{
	margin-top: 25px;
	color: black;
	font-size: 17px !important;
  }
  
  
  /* --------------------------- MOBILE MENU --------- changing mobile menu background */

  .menu_mobile{
	display: none !important;
	width: 100%;
	float: left;
	background-color:#202430;
  }
  .menu_icon{
	float: right;
	text-align: right;
	padding-right: 32px;
	padding-top: 22px;
  }
  .menu_icon span{
	cursor: pointer;
  }
  .menu_icon img{
	width: 22px;
  }
  .logo_mobile{
	float: left;
  }
  .logo_mobile img{
	width: 100px;
	margin: 20px;
  }
  .logo_mob{
	width: 100px;
  }
  .enjoy{
	font-size: 16px!important;
	font-weight: 600;
	color:white;
  }
  .slogan{
	float: left;
	padding: 24px 0 0 0;
  }
  #line{
	border-bottom: 1px solid #3d455c;
	margin: 0px 20px 0 0;
  }
  .mobile_menu_items{
	margin-top: 40px;
  }
  .overlay {
	height: 0%;
	width: 100%;
	padding: 0 0 0 20px;
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;

	transition: 0.5s;
	background-color: #202430;
  }
  .overlay-content {
	position: relative;
	top: 22px;
	width: 100%;
	text-align: left;
	max-height: calc(100dvh - 60px);
    overflow-y: auto;
  }
  /* changing mobile menu font color */
  .overlay a {
	padding: 4px 8px 8px 0;
	text-decoration: none;
	font-size: 18px !important;
	font-weight: normal;
	color: white;
	display: block;
	transition: 0.3s;
  }
  /* changing mobile menu font color on hover*/
  
  .overlay a:hover, .overlay a:focus {
	color: white;
  }
  .overlay .closebtn {
	position: absolute;
	top: 1px;
	right: 24px;
	font-size: 39px !important;
	font-weight: 300;
  }
  
  
  /* ------------------- accordion goes here ------------------------------------------- */
  .accordion {
	background-color: transparent;
	color: white;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
	padding: 20px 38px 12px 0px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none !important;
	transition: 0.4s;
	opacity: 0.9;
  }
  
  .active, .accordion:hover {
	background-color: transparent;
	border: none !important;
	outline: none !important;
  }
  
  .accordion:after {
	content: '\002B';
	color: white;
	font-weight: normal;
	float: right;
	margin-left: 5px;
	background-color: transparent;
  }
  
  /* .active:after {
	content: "\2212";
  } */
  
  .panel {
	font-weight: 600;
	color: #252728;
	padding: 0;
	background-color: transparent;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  .panel p{
	font-size: 16px !important;
  }
  .car_img_mob{
	width: 40%;
	float: left;
	height: auto;
  }
  .car_name_section{
	width: 60%;
	float: right;
	height: auto;
  }
  .img_src{
	width: 100%;
	height: auto;
	padding: 0 0px 0 0;
  }
  .logo_src{
	height: 16px;
  }
  .cars_card_mob{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 0px;
  }
  .car_logo_mob{
	width: 100%;
	height: auto;
	float: left;
  }
  .carname_mob{
	width: 100%;
	height: auto;
	float: left;
	color:white;
	padding: 5px 0 0 15px;
  }
  .carname_mob p{
	padding: 0;
	margin: 0;
  }
  .m_name{
	font-weight: 600;
  }
  .smm_list_menu{
	margin: 10px 0 0 -20px;
	padding: 0;
	justify-content: center;
    display: flex;
    align-items: center;
  }
  .smm_list_menu li{
	display: inline-block;
  }
 
/* ----------- MAIN CONTAINER SECTIONS ------------------------------------------------------------------ */

.main_container{
	width: 100%;
	height: auto;
	float: left;
}
.section_0{
	width: 100%;
	height: auto;
	float: left;
}
.main_bg_img{
	width: 100%;
	height: auto;
	display: block;
}

#fullscreen-video {
	 width: 100%;
    height: auto;
	display: block;
	object-position: center;
}

/* ------------ SECTION 1 ------------------------------------------------------------------ */

.section_1, .section_2, .section_3, .section_4, .section_5, .section_6 {
	width: 100%;
	height: auto;
	min-height: 100dvh;
	display: block;
	/* aspect-ratio: 16 / 12; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section_1{
	background-image: url(../images/free/voyah_wallpaper.jpg);
}
.section_1 img, .section_2 img{
	width: 100%;
	height: auto;
}
.models_title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding: 30px 80px 0 0;
	color: white;
}
.big_title{
	padding-bottom: 0px;
}
.more_buttons{
  padding-top: 15px;
}
.more_buttons button{
	padding: 6px 12px;
	margin: 0 20px;
	background-color: transparent;
	color: white;
	border: 1px solid white;
	border-radius: 50px 50px 50px 50px;
	cursor: pointer;
	outline: none;
}

/* ------------ SECTION 2 ------------------------------------------------------------------ */
.section_2 {
	background-image: url(../images/passion/passion_bg_01.webp);
}

/* ------------ SECTION 3 ------------------------------------------------------------------ */
.section_3 {
	/* background-image: url(../images/dream/dream_big.jpg); */
	background-image: url(../images/dream/voyah_dream_new_bg.jpg);
}

/* ------------ SECTION 4 ------------------------------------------------------------------ */
.section_4 {
	background-image: url(../images/taishan/taishan_wall.webp);
}

/* ------------ SECTION 5 ------------------------------------------------------------------ */
.section_5 {
	/* background-image: url(../images/courage/courage_panorama.webp); */
	background-image: url(../images/courage/courage_bg_blackside.webp);
}
.section_6 {
	background-image: url(../images/courage_new/courage_bg_03.webp);
}

/* ----------------------------------here goes OWL CAROUSEL- --------------------------------*/

.owl-carousel .owl-item {
  transform: scale(0.85);
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0.6;
}

.owl-carousel .owl-item.active.center {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.owl-carousel {
  overflow: visible; /* MUST be visible */
}

/* side items */
.owl-item .slider_image {
  transform: scale(0.82);
  opacity: 0.5;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* center item (bigger) */
.owl-item.active.center .slider_image {
  transform: scale(1.08) translateY(-6px); /* 👈 increase size here */
  opacity: 1;
  z-index: 3;
}
.cars_slider_images{
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;  /*changed */
  padding:0;
}
.owl-carousel-1 .cars_slider_images{
	 padding: 5% 20% 0 20%;
}
.owl-carousel-2 .cars_slider_images{
	 padding: 0% 15% 0 15%;
}
.car_details{
  width: 100%;
  height: auto;
  margin: 0;
  position: absolute;
  top: 5%;
  display: block;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.car_details a:hover{
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.slider_name{
  width: 100%;
  position: relative;
  display: block;
  color: white;
  font-size: 32px;
  font-weight: 400;
  padding: 15px;
  text-align: center;
}
.slider_name p{
	margin: 0 0 21px 0;
}
.slider_buttons{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.car_purchase, .check_details {
  display: inline-block;
  width: 200px;
  height: 50px;
  margin: 10px;
  padding: 4px;
  border-radius: 15px;
  outline: none;
  transition: transform 1s ease;
  cursor: pointer;
  font-size: 16px;
  line-height: 21px;
  font-weight:700 ;
}
.car_purchase{
  background-color: white;
  color: #1e232e;
  border: none;
}
.car_purchase:hover{
  background-color: #1e232e;
  color: #ECEDF1;
  transform: scale(1.05);
}
.check_details{
  background-color: transparent;
  color: white;
  border: 1px solid white;
}
.check_details:hover{
  background-color: #1e232e;
  color: #ECEDF1;
  transform: scale(1.05);
  border: 1px solid #1e232e;
}

.owl-item, .owl-controls .owl-page, .owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-prev {
	position: absolute;
	display: block;
	top: 48%;
	left: 90px;
	margin-top: -24px;
	border-radius: 1em;
	cursor: pointer;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: url(../images/sliderLeftArrow.png) no-repeat left top;
	opacity: 0.7;  
	background-size: 100%;
	color: transparent;
}
.owl-next {
	position: absolute;
	display: block;
	top: 48%;
	right: 90px;
	margin-top: -24px;
	border-radius: 1em;
	cursor: pointer;
	width: 48px;
	height: 48px;
	background: url(../images/sliderRightArrow.png) no-repeat left top;
	opacity: 0.7;
	background-size: 100%;
	color: transparent;
}
.owl-prev:hover,
.owl-next:hover{
	width: 54px;
	height: 54px;
	opacity: 1;
}

/* color selector to move images neccesery color */
.color_selector{
  text-align:center;
  padding: 0;
}

.color_btn{
  width:24px;
  height:24px;
  border-radius:50%;
  display:inline-block;
  margin:0 8px;
  cursor:pointer;
  border:2px solid #ccc;
}

.color_btn:hover{
  transform:scale(1.1);
}

/* colors */
.burgundy{ background:#6b1f2b; }
.white{ background:#ffffff; border:2px solid #999; }
.green{ background:#4a6f55; }
.black{ background:#000000; }
.grey{ background:#808080; }
.purple{background:#2b032c; }
.gold{background:#dfdad4; }
.blue{background:#102c5e; }
.beige{background:#F5F5DC; }

/* -----------------VOYAH FREE PAGE ------------------------------------------------------- */

#free_page_video{
	width: 100%;
	max-width: 100%;
	overflow: auto;
	/* height: calc(100vh - 72px); */
	height: 100dvh;
	float: left;
	object-fit: cover;
	margin-top: 72px;
}
.section_title{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0 0 20px 0;
	font-weight: 600 !important;
}
.about_model_type{
	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 15px;
}
.free_section_1, .free_section_2, .free_section_4, 
.free_section_6, .free_section_7, .free_section_9,
.taishan_section_1, .taishan_section_2, 
.taishan_section_4, .taishan_section_6, 
.taishan_section_7, .taishan_section_9, 
.dream_section_1, .dream_section_2, .dream_section_3, 
.dream_section_4, .dream_section_6, .dream_section_7, .dream_section_8,
.passion_section_1, .passion_section_2, .passion_section_3,
.passion_section_4, .passion_section_5, .passion_section_6, 
.courage_section_1, .courage_section_2, .courage_section_3, .courage_section_4, 
.new_courage_section_1, .new_courage_section_2, .new_courage_section_3, .new_courage_section_4,
.warranty_section_1, .warranty_section_2, .service_section_1, .service_section_2,
.news_section_1, .contact_section_1 {
	width: 100%;
	height: auto;
	min-height: 100dvh;
	float: left;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* padding-top: 62%; this controls the height ratio */
	/* aspect-ratio: 16 / 9; */
}
.passion_section_1, .taishan_section_1, .courage_section_1, 
.warranty_section_1, .news_section_1, .service_section_1, .contact_section_1{
	margin-top: 72px;
}
.free_section_1{
	background-image: url(../images/free/free_block_4.webp);
}
.free_section_2{
	background-image: url(../images/free/free_in_city.webp);
}
.technical_data{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 40px 0 60px 0;
	letter-spacing: 1.2px;
}
.model_tech_data{
	max-width: 985px;
	display: flex;
	margin: 0 auto;
	justify-content: left;
	color: white;
}
.data_block{
	width: 25%;
	padding:0 0 0 30px;
	border-left: 1px solid white;
	text-align: left;
}
.data_block p{
	margin: 0;
	padding-bottom: 5px;
}
.data_block h3{
	margin: 0;
	display: inline-flex;
}
.dimensions{
	font-size: 16px !important;
}

/* --------- FREE SECTION 3 --------------------------------------- */
.free_section_3{
	max-width: 1440px;
	height: auto;
	background-color: white;
	margin: 0 auto;
}
.free_models_title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding: 30px 15px 0 15px;
	text-align: center;
	color: black;
}
.subtitle{
	padding-bottom: 50px;
}
.image_grid_block{
	width: 100%;
	height: auto;
	float: left;
	color:white;
}
.image_grid_block p{
	line-height: 30px;
}
.block_1 {
	display: grid;
  	grid-template-columns: 64fr 36fr;
  	gap: 30px;
}
.grid_left_image, .grid_left_image_2, 
.taishan_grid_left_image, .taishan_grid_left_image_2,
.passion_grid_left_image, .passion_grid_right_image,
.passion_grid_left_image_2, .passion_grid_right_image_2,
.courage_grid_left_image, .courage_grid_right_image,
.courage_grid_left_image_2, .courage_grid_right_image_2,
.courage_grid_right_image_3, 
.new_courage_grid_left_image, .new_courage_grid_right_image,
.new_courage_grid_left_image_2, .new_courage_grid_right_image_2,
.new_courage_grid_right_image_3,
.warranty_grid_left_image, .warranty_grid_right_image,
.warranty_grid_left_image_2, .warranty_grid_right_image_2 {
	height: auto;
	float: left;
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	min-height: 280px;
}
.grid_left_image{
	background-image: url(../images/free/free_grid_1.webp);
}
.grid_right_text{
	height: auto;
	float: right;
	padding-left: 15px;
	background-color: #0d111b;
	padding: 70px 90px 20px 50px;
	box-sizing: border-box;
}
.block_2, .block_3{
	display: grid;
  	grid-template-columns: 36fr 64fr;
  	gap: 30px;
	margin: 30px 0;
}
.grid_left_text, .grid_left_text_2 {
	height: auto;
	float: left;
	padding-right: 15px;
	background-color: #0d111b;
	box-sizing: border-box;
}
.grid_left_text{
	padding:70px 50px 20px 50px;
}

.grid_right_image, .grid_right_image_2, .grid_right_image_3, 
.taishan_grid_right_image, .taishan_grid_right_image_2,
.taishan_grid_right_image_3, .dream_grid_right_image_3, 
.passion_grid_right_image_3{
	height: auto;
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	min-height: 280px;
}
.grid_right_image{
	background-image: url(../images/free/free_grid_2.webp);
}
.number_one{
	width: 100%;
	float: left;
	height: auto;
}
.number_one img {
	width: 24px;
	height: 80px;
}
.right_text_title{
	width: 100%;
	height: auto;
	float: left;
	padding: 40px 0 20px 0;
}
.number_two{
	width: 100%;
	float: left;
	height: auto;
}
.number_two img{
	width: 49px;
	height: 80px;
}
.left_text_title{
	width: 100%;
	height: auto;
	float: left;
	padding: 40px 0 20px 0;
}
.grid_left_image_2{
	background-image: url(../images/free/free_grid_3.webp);
}
.number_three{
	width: 100%;
	float: left;
	height: auto;
}
.number_three img{
	width: 45px;
	height: 80px;
}
.number_four{
	width: 100%;
	float: left;
	height: auto;
}
.number_four img{
	width: 59px;
	height: 80px;
}
.grid_right_image_2{
	background-image: url(../images/free/free_grid_4.webp);
}
.free_section_4{
	background-image: url(../images/free/free_lands.webp);
}
.technical_data_2{
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	padding: 180px 0 60px 0;
	letter-spacing: 1.2px;
}
/* --------- FREE SECTION 5 ------------------------------- */
.free_section_5{
	max-width: 1440px;
	height: auto;
	background-color: white;
	margin: 0 auto;
}
.motors_block{
	width: 100%;
	height: auto;
	float: left;
	color: white;
}
.motors_block h4, p{
	text-decoration: none;
	color: white;
}
.motor_info_left:hover h4{
	text-decoration: none;
	color: lightgrey;
}
.motor_info_right:hover h4{
	text-decoration: none;
	color: lightgrey;
}
.motor_info_left, .motor_info_right{
	padding: 20px 80px 10px 30px;
	background-color: #1f2124;
}
.motor_info_left{
	margin:0 15px 30px 0;
}
.motor_info_right{
	margin: 0 0 30px 15px;
}
.left_motor{
	width: 50%;
	height: auto;
	float: left;
}
.left_motor img{
	width: 100%;
	padding-right: 15px;
}
.right_motor img{
	width: 100%;
	padding-left: 15px;
}
.right_motor{
	width: 50%;
	height: auto;
	float: right;
}

/* --------- FREE SECTION 6 ----------------------------- */

.free_section_6{
	background-image: url(../images/free/free_air_suspension.jpg);
}
.free_slider_section {
	width: 100%;
	height: auto;
	float: left;
	background-color: #0d111b;
}

/* --------- FREE SECTION 7 ----------------------------- */

.free_section_7{
	background-image: url(../images/free/radars.jpg);
}

/* --------- FREE SECTION 9 ----------------------------- */

.free_section_9{
	background-image: url(../images/free/free_moving_screen.webp);
}

/* --------- FREE SECTION 10 ---------------------------- */

.free_section_10{
	width: 100%;
	height: auto;
	float: left;
	background-color: #F0F5F4;
	padding-top: 120px;
}
.block_3{
	margin: 30px 0 150px 0;
}
.grid_left_text_2{
	padding:70px 50px 70px 50px;
}
.grid_right_image_3{
	background-image: url(../images/free/free_test_block.webp);
}
.free_video_section{
	width: 100%;
	height: auto;
	float: left;
	border: none;
}
#video_block{
	width: 100%;
	max-width: 100%;
	height: auto;
	float: left;
	object-fit: cover;
	border: none;
}

/* ----------------------- TAISHAN PAGE TAISHAN PAGE -------------------------------------- */

.taishan_section_1{
	background-image: url(../images/taishan/taishan_wall.webp);
}
.taishan_section_2{
	background-image: url(../images/taishan/taishan_front.webp);
}
.taishan_section_4{
	background-image: url(../images/taishan/taishan_left.webp);
}
.taishan_section_7{
	background-image: url(../images/taishan/taishan_radars.webp);
}
.taishan_section_9{
	background-image: url(../images/free/free_moving_screen.webp);
}
.taishan_grid_left_image{
	background-image: url(../images/taishan/radiator.webp);
}
.taishan_grid_left_image_2{
	background-image: url(../images/taishan/backlights.webp);
}
.taishan_grid_right_image{
	background-image: url(../images/taishan/headlights.webp);
} 
.taishan_grid_right_image_2{
	background-image: url(../images/taishan/wheels.webp);
}
.taishan_grid_right_image_3{
	background-image: url(../images/taishan/taishan_on_snow.webp);
}

.taishan_slider_section, .dream_slider_section, .passion_slider_section {
	width: 100%;
	height: auto;
	float: left;
	background-color: #0d111b;
}
#video_block_taishan_susp{
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0 100px 100px 100px;
	float: left;
	object-fit: cover;
	border: none;
}


/* -------------- DREAM PAGE DREAM PAGE ----------------------------------------------------- */
.dream_section_1{
	background-image: url(..//images/dream/dream_bg_1.webp);
}
.dream_section_2{
	background-image: url(..//images/dream/dream_bg_2.jpg);
}
.dream_section_3{
	background-image: url(..//images/dream/dream_bg_3.jpg);
}
.dream_section_4{
	background-image: url(..//images/dream/dream_bg_4.jpg);
}
.dream_section_6{
	background-image: url(..//images/dream/dream_bg_6.jpg);
}
.dream_section_7{
	background-image: url(..//images/dream/dream_bg_7.jpg);
}
.dream_section_8{
	background-image: url(..//images/dream/chassis.jpg);
}

.specs i {
	color: #0a408c;   /* green */
	font-size: 18px;
}
.check-item::before {
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #0a408c;
	margin-right: 8px;
}
.dream_specs_section{
	width: 100%;
	height: auto;
	float: left;
	background-color: #0d111b;
	color: white;
}
.specs_all{
	width: 100%;
	height: auto;
	float: left;
	padding: 100px 0;
}
.specs{
	float: left;
}
.specs ul{
	margin: 0;
	padding: 0;
}
.check-item{
	padding: 5px 0;
}
.dream_grid_right_image_3{
	background-image: url(../images/dream/test_drive.webp);
}

/* ------------- PASSION PAGE ------------------------------------------------------------- */

.passion_section_1{
	background-image: url(../images/passion/passion_bg_01.webp);
}
.passion_section_2{
	background-image: url(../images/passion/passion_bg_02.webp);
}
.passion_section_3{
	background-image: url(../images/passion/passion_bg_03.webp);
}
.passion_section_4{
	background-image: url(../images/passion/body_frame.webp);
}
.passion_section_5{
	background-image: url(../images/passion/proactive.webp);
}
.passion_section_6{
	background-image: url(../images/passion/office_view.webp);
}
.passion_grid_left_image{
	background-image: url(../images/passion/passion_bg_03.webp);
} .passion_grid_right_image{
	background-image: url(../images/passion/grill.webp);
}
.passion_grid_left_image_2{
	background-image: url(../images/passion/gear_shift.webp);
}
.passion_grid_right_image_2{
	background-image: url(../images/passion/chassis.webp);
}
.passion_grid_right_image_3{
	background-image: url(../images/passion/test.webp);
}

/* --------------- COURAGE PAGE ----------------------------------------------------------- */

.courage_section_1{
	background-image: url(../images/courage/courages.jpg);
}
.courage_section_2{
	background-image: url(../images/courage/courage_panorama.webp);
}
.courage_grid_left_image{
	background-image: url(../images/courage/grill.webp);
} 
.courage_grid_right_image{
	background-image: url(../images/courage/courage_black_frontal.webp);
}
.courage_grid_left_image_2{
	background-image: url(../images/courage/taillights.webp);
} 
.courage_grid_right_image_2{
	background-image: url(../images/courage/spoiler.webp);
}

.courage_section_3{
	background-image: url(../images/courage/courage_bg_black_sea.webp);
}
.courage_section_4{
	background-image: url(../images/courage/active_safety.webp);
}
.courage_grid_right_image_3{
	background-image: url(../images/courage/voyah_courage_black_wall.jpg);
}

/* ---------------- NEW COURAGE PAGE ------------------------------------------------------ */

.new_courage_section_1{
	background-image: url(../images/courage_new/courage_bg_01.webp);
}
.new_courage_section_2{
	background-image: url(../images/courage_new/courage_bg_07.webp);
}
.new_courage_section_3{
	background-image: url(../images/courage_new/courage_bg_03.webp);
}
.new_courage_section_4{
	background-image: url(../images/courage_new/radars.webp);
}
.new_courage_grid_left_image{
	background-image: url(../images/courage_new/blue_light.webp);
} 
.new_courage_grid_right_image{
	background-image: url(../images/courage_new/taillight.webp);
}
.new_courage_grid_left_image_2{
	background-image: url(../images/courage_new/center_speaker.webp);
}
.new_courage_grid_right_image_2{
	background-image: url(../images/courage_new/courage_bg_02.webp);
}
.new_courage_grid_right_image_3{
	background-image: url(../images/courage_new/courage_bg_04.webp);
}

/* ----------------- WARRANTY PAGE -------------------------------------------------------- */

.warranty_section_1{
	background-image: url(../images/free/silk_green.webp);
}
.warranty_section_2{
	background-image: url(../images/warranty/warranty_bg_02.webp);
}

.warranty_grid_left_image{
	background-image: url(../images/warranty/battery.webp);
}
.warranty_grid_right_image{
	background-image: url(../images/warranty/electricity.webp);
}
.warranty_grid_left_image_2{
	background-image: url(../images/warranty/chassis.webp);
} 
.warranty_grid_right_image_2{
	background-image: url(../images/warranty/free_front.webp);
}

/* ---------------- SERVICE PAGE ---------------------------------------------------------- */

.service_section_1{
	background-image: url(../images/service/voyah_service_01.jpg);
} 

/* ---------------- CONTACT PAGE ---------------------------------------------------------- */

.contact_section_1{
	background-image: url(../images/all_new_voyahs.jpg);
}
.follow{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: left;
	justify-content: left;
}
.follow li{
	float: left;
	padding:10px 20px 0 0;
}
.follow a{
	color: white;
}
.follow a:hover{
	text-decoration: none;
	color: lightgrey;
}

/* ----------------- NEWS PAGE ------------------------------------------------------------ */

.news_section_1{
	background-image: url(../images/free/free_block_4.webp);
}
.news_slider_section{
	width: 100%;
	height: auto;
	float: left;
}
.news_section_main_slider{
	width: 100%;
	height: auto;
	float: left;
	background-image: url(../images/news.png);
}
.news_section_main_slider a{
	text-decoration: none;
}
.news_cars_slider_images{
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;  /*changed */
  padding:15% 20% 10% 20%;
}
.news_slider_name{
  width: 100%;
  position: relative;
  display: block;
  color: white;
  font-size: 32px;
  font-weight: 400;
  padding: 0 20% 50px 20%;
  text-align: center;
}

/* ---------------- CONFIGURATOR --------------------------------------------------------- */

/* .configurator_main{
	width: 100%;
	height: 100dvh;
	position: fixed;
	top: 80px;
}
.configure_left_section{
	height: 100dvh;
	float: left;
	background-color: #21c063;
}
.configure_right_section{
	height: 100dvh;
	float: right;
}
.config_menu_top{
	display: block;
}
.config_menu_items{
	margin: 0;
	padding: 0;
	display: flex;
}
.config_menu_items li{
	padding: 0 5px;
}

.config_menu_models{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.config_menu_models li{
	border: 1px solid black;
	margin-top: 10px;
	background-color: lightblue;
}
.car_series{
	width: 100%;
	padding: 0;
	height: auto;
	float: left;
}
.choose_and_go{
	width: 100%;
	height: auto;
	float: left;
	background-color: red;
} */

/* MAIN LAYOUT */
.configurator_main{
    width:100%;
    height:calc(100dvh - 80px);
    position:fixed;
    top:80px;
    left:0;
    display:flex;
}

/* LEFT SIDE */
.configure_left_section{
    flex:7;
    background:#21c063;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* RIGHT SIDE */
.configure_right_section{
    flex:5;
    display:flex;
    flex-direction:column;
    background:#fff;
}

/* TOP MENU */
.config_menu_top{
    padding:15px;
    border-bottom:1px solid #eee;
}

.config_menu_items{
    display:flex;
    gap:20px;
    margin:0;
    padding:0;
    list-style:none;
}

.config_menu_items li{
    cursor:pointer;
    font-weight:600;
}

/* SCROLLABLE AREA */
.config_menu_models{
    flex:1;
    overflow-y:auto;
    padding:20px;
}

/* CAR SERIES */
.car_series{
    list-style:none;
    padding:0;
    margin:0;
}

.car_series li{
    border:1px solid #ddd;
    margin-bottom:10px;
    padding:10px;
    display:flex;
    align-items:center;
    gap:10px;
}

/* BOTTOM BUTTON */
.choose_and_go{
    padding:20px;
    border-top:1px solid #eee;
    background:#fff;
}

.choose_and_go button{
    width:100%;
    padding:15px;
    border:none;
    background:#000;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}
.car_card{
    position:relative;
    width:100%;
}

.car_card img{
    width:100%;
    display:block;
}

/* TEXT OVER IMAGE */
.car_name{
    position:absolute;
    top:10px;
    left:10px;

    color:#fff;
    font-size:18px;
    font-weight:600;

    background:rgba(0,0,0,0.5);
    padding:5px 10px;
    border-radius:4px;
}


 /* ----------FOOTER ---------------------------------------------------------------------- */

 .footer{
	width: 100%;
	height: auto;
	float: left;
	padding: 50px 5% 5px 5%;
	background-color: #1e232e;
	color: white;
 }
 .footer_menu{
	width: 70%;
	height: auto;
	float: left;
 }
 .warranty_block{
	width: 30%;
	height: auto;
	float: left;
 }
 .warranty_block img{
	width: 50%;
	padding-top: 155px;
 }
 .models{
	width: auto;
	height: auto;
	float: left;
	padding:0 20px 30px 0;
 }
.footer_models_block{
	list-style-type:none;
	padding:0;
	margin: 0;
}
.footer_models_block li{
	padding: 5px 0;
}
.footer_menu a{
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.footer_menu a:hover{
	color:#406670;
}
 .call_and_smm{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 30px;
 }
 .calling{
	width:auto;
	height: auto;
	float: left;
	padding-right: 10%;
 }
 .calling a, .call_button a{
	color: white;
	text-decoration: none;
 }
 .call_button{
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
 }
 .call_button li{
	float: left;
 }
 .call_button img{
	padding-right: 10px;
	width: 30px;
 }
 .top_line{
	border-top: 0px solid white;
 }

 /* ----------SOCIAL MEDIA ICONS ----------------------------------------- */

.social_media{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.smm_icons {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: inline-block;
	background-color: transparent;
}

.smm_icons li {
    float: left;
    margin: 0 25px 0 0;
}

.icon_tel,
.icon_map,
.icon_fb,
.icon_insta,
.icon_youtube {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.tel a,
 .center a,
 .map,
 .map a {
    color: white;
    font-weight: 700;
}

.tel a:hover,
.map:hover {
    color: #a3acb1;
}

.icon_tel { background-image: url(../images/smm/linkedin-256.png); }
.icon_tel:hover { background-image: url(../images/smm/linkedin-256-grey.png); }

.icon_map { background-image: url(../images/smm/map-256.png); }
.icon_map:hover { background-image: url(../images/smm/map_256_grey.png); }

.icon_fb { background-image: url(../images/smm/facebook-256.png); }
.icon_fb:hover { background-image: url(../images/smm/facebook-256-grey.png); }

.icon_insta { background-image: url(../images/smm/instagram-256.png); }
.icon_insta:hover { background-image: url(../images/smm/instagram-256-grey.png); }

.icon_youtube { background-image: url(../images/smm/youtube-256.png); }
.icon_youtube:hover { background-image: url(../images/smm/youtube-256-grey.png); }

 .copyright{
	width: 90%;
	height: auto;
	float: left;
	text-align: center;
	border-top: 1px solid white;
	margin: 30px 0 0 0;
 }
 .copyright p{
	margin: 0;
	
	padding-top: 20px;
 }
 .copy_text{
		font-size: 14px;
		padding: 10px 0;
	}
.descr_text{
	font-size: 14px;
	padding: 10px 0;
	text-align: left;
}
.creator{
	margin:0;
	padding:0;
	font-size: 14px;
}
.creator_link{
	color: grey;
	text-decoration: none;
}
.creator_link:hover{
	color: white;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------ */
.link{
	margin: 0px;
	display: inline-block;
	color: #000;
    text-decoration: none;
}
.link:hover{
	text-decoration: none;
	color: #000;
}

/* ----------------HERE BEGINS MEDIA 1200 PX TO 1439 PX ----------------------------------- */
@media  (min-width: 1200px) and (max-width: 1439px){
	 h1 { font-size: 42px; }
	 h2 { font-size: 36px; }
	 h3 { font-size: 28px; }
	 h4 { font-size: 22px; }
	 h5 { font-size: 18px; }
	 p  { font-size: 16px; }

	.car_pages_main_content{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 16px;
	  }
	  .dimensions{
		font-size: 12px !important;
	  }
	 
  }


/* ---------- HERE BEGINS MEDIA 992 PX TO 1199 PX -------------------------------------------- */
@media  (min-width: 992px) and (max-width: 1199px){

		 h1 { font-size: 44px; }
		h2 { font-size: 32px; }
		h3 { font-size: 26px; }
		h4 { font-size: 20px; }
		h5 { font-size: 18px; }
		p  { font-size: 15px; }

	  .subnav-content {
		width: 100%;
		padding: 20px 20%;
		z-index: 2;
	  }
	  .menu{
		display: none !important;
	  }
	  .menu_mobile{
		display: block !important;
	  }
	  .car_pages_main_content{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 36px;
	  }
	  .ext_intro_frame {
		width: 100%;
		height: auto;
		float: left;
		padding: 96px 48px 48px 48px;
	  }
	  .li_wrapper {
		width: 30%;
	  }
	  .car_price {
		font-size: 18px;
	  }
	  .passion_section_1, .taishan_section_1, .courage_section_1, 
	  .warranty_section_1, .news_section_1, .service_section_1, .contact_section_1{
		margin-top: 0px;
 	 }
	 #free_page_video{
		margin-top: 0;
		height: auto;
	}
	.dimensions{
		font-size: 10px !important;
	}
	  
	   
  }
  
  /*--------------------------  HERE BEGINS MEDIA FROM 768px TO 991px-------------------------- */
  
  @media  (min-width: 768px) and (max-width: 991px){

	h1 { font-size: 36px; }
    h2 { font-size: 28px; }
    h3 { font-size: 22px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    p  { font-size: 15px; }
  
	  .subnav-content {
		width: 100%;
		padding: 20px 0;
		z-index: 2;
	  }
	  .menu{
		display: none !important;
	  }
	  .menu_mobile{
		display: block !important;
	  }
	  .page_titles{
		padding: 64px 16px 24px;
		text-align: left;
	  }
	  .info_img_container{
		display: block;
	  }
	  .car_pages_main_content{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 24px;
	  }
	  .ext_intro_frame {
		width: 100%;
		height: auto;
		float: left;
		padding: 96px 48px 48px 48px;
	  }
	  .intro_img_left,  .intro_img_right {
		padding: 0;
	  }
	  .intro_txt_right, .intro_txt_left{
		padding: 0 24px;
	  }
	  .basic_params{
		padding: 0;
	  }
	  .basic_params li{
		font-size: 12px;
	  }
	  .params h3{
		font-size: 17px !important;
	  }

	  .li_wrapper {
		width: 45%;
	  }
	  .car_price {
		font-size: 16px;
	  }

	  .passion_section_1, .taishan_section_1, .courage_section_1, 
	  .warranty_section_1, .news_section_1, .service_section_1, .contact_section_1{
			margin-top: 0px;
 	 }
	 #free_page_video{
		margin-top: 0;
		height: auto;
	}
	.dimensions{
		font-size: 10px !important;
	}
		  
  }
  
  /*--------------------------  HERE BEGINS MEDIA FROM 200px TO 767px---------------------------------- */
  
  @media  (min-width: 200px) and (max-width: 767px){

	h1 { font-size: 28px; }
    h2 { font-size: 22px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    h5 { font-size: 15px; }
    p, div, span, a { font-size: 14px; }
  
	  /* ------WIDJET ----------------------------- */

	  .content_widjet {
        width: 100%;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        background: #100F0F;
	  }
	  .widjet_item{
		min-width: 20%;
        max-width: 25%;
        width: 100%;
	  }
	  
	
	/* --------- MAIN PAGE SECTIONS ----------------------------------------- */

	.section_1, .section_2, .section_3, .section_4, .section_5, .section_6{
		/* aspect-ratio: 16 / 16; */
		min-height: 50dvh;
		
	}
	.models_title{
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		padding: 20px 15px 0 15px;
		color: white;
	}
	.big_title{
		padding-bottom: 0px;
	}
	.more_buttons{
		padding-top: 0px;
	}
	.more_buttons button{
		padding: 4px 10px;
		margin: 5px;
		background-color: transparent;
		color: white;
		border: 1px solid white;
		border-radius: 50px 50px 50px 50px;
		cursor: pointer;
		outline: none;
	}
	.slider_buttons{
	 	display: block;
	}
	.subnav-content {
		width: 100%;
		padding: 20px 0;
		z-index: 2;
	}
	.menu{
	  	display: none !important;
	}
	.menu_mobile{
		display: block !important;
		opacity: 1;
	}
	.info_img_container{
   	   display: block;
	   padding: 24px 0;
	}
	.top_container{
		position: absolute;
		top: 90px;
		left: 24px;
		height: calc(100dvh - 90px);
	}

	.owl-carousel-1 .cars_slider_images{
		padding: 0 10% 0 10%;
	}
	.owl-carousel-2 .cars_slider_images{
		padding: 0;
	}
	 .owl-prev {
		position: absolute;
		display: block;
		top: 40%;
		left: 10px;
		margin-top: -24px;
		border-radius: 1em;
		cursor: pointer;
		width: 32px;
		height: 33px;
		background: url(../images/sliderLeftArrow.png) no-repeat left top;
		opacity: 0.3;  
		background-size: 100%;
		color: transparent;
	}
	.owl-next {
		position: absolute;
		display: block;
		top: 40%;
		right: 10px;
		margin-top: -24px;
		border-radius: 1em;
		cursor: pointer;
		width: 32px;
		height: 32px;
		background: url(../images/sliderRightArrow.png) no-repeat left top;
		opacity: 0.3;
		background-size: 100%;
		color: transparent;
	}
	.owl-prev:hover,
	.owl-next:hover{
		width: 32px;
		height: 32px;
		opacity: 0.3;
	}
	.owl-item.active.center .slider_image {
		transform: scale(1);
	}
	.slider_name{
		padding: 7px;
	}
	.slider_name p{
		margin: 0;
	}
	.color_selector{
		padding:0 0 25px 0;
	}

	/* ----- FREE PAGE --------------------------------------------------------- */
	.free_section_1, .free_section_2, .free_section_4, 
	.free_section_6, .free_section_7, .free_section_9,
	.taishan_section_1, .taishan_section_2, .taishan_section_4, 
	.taishan_section_6, .taishan_section_7, .taishan_section_9,
	.dream_section_1, .dream_section_2, .dream_section_3, 
	.dream_section_4, .dream_section_6, .dream_section_7, .dream_section_8,
	.passion_section_1, .passion_section_2, .passion_section_3, 
	.passion_section_4, .passion_section_5, .passion_section_6,
	.courage_section_1, .courage_section_2, .courage_section_3, .courage_section_4, 
	.new_courage_section_1, .new_courage_section_2, .new_courage_section_3, .new_courage_section_4,
	.warranty_section_1, .warranty_section_2, 
	.service_section_1, .service_section_2, 
	.news_section_1, .contact_section_1{
		/* aspect-ratio: 16 / 16; */
		min-height: 50dvh;
	}
	.passion_section_1, .taishan_section_1, .courage_section_1, 
	.warranty_section_1, .news_section_1, .service_section_1, .contact_section_1{
	margin-top: 0px;
}
	#free_page_video{
		margin-top: 0;
		height: auto;
	}
	.free_models_title{
		padding: 25px 15px;
	}
	.subtitle{
		padding-bottom: 0;
	}
	.model_tech_data{
		padding: 0 15px;
	}
	.technical_data, .technical_data_2{
		padding: 40px 0 20px 0;
	}
	.data_block{
		padding: 0 0 0 5px;
	}
	.data_block h2{
		font-size: 15px !important;
	}
	.dimensions{
		font-size: 10px !important;
	}
	
	
	/* ------FREE SECTION 3 ------------------------------------- */

	/* IMPORTANT: make parent flex */
  .block_1,
  .block_2 {
    display: flex;
    flex-direction: column;
	margin: 0;
	gap: 0;
  }

  /* TEXT FIRST */
  .grid_right_text,
  .grid_left_text {
    order: 1;
    padding: 30px 20px 25px 20px;
  }

  /* IMAGE SECOND */
  .grid_left_image, .taishan_grid_left_image,
  .grid_left_image_2, .taishan_grid_left_image_2,
  .grid_right_image, .taishan_grid_right_image,
  .grid_right_image_2, .taishan_grid_right_image_2,
  .passion_grid_left_image, .passion_grid_right_image,
  .passion_grid_left_image_2, .passion_grid_right_image_2,
  .courage_grid_left_image, .courage_grid_right_image,
  .courage_grid_left_image_2, .courage_grid_right_image_2, 
  .courage_grid_right_image_3,
  .new_courage_grid_left_image, .new_courage_grid_right_image,
  .new_courage_grid_left_image_2, .new_courage_grid_right_image_2,
  .new_courage_grid_right_image_3,
  .warranty_grid_left_image, .warranty_grid_right_image,
  .warranty_grid_left_image_2, .warranty_grid_right_image_2 {
    order: 2;
    min-height: 220px;
  }

  /* Kill floats (VERY important) */
  .grid_left_image, .taishan_grid_left_image,
  .grid_left_image_2, .taishan_grid_left_image_2,
  .grid_right_image, .taishan_grid_right_image,
  .grid_right_image_2, .taishan_grid_right_image_2,
  .passion_grid_left_image, .passion_grid_right_image,
  .passion_grid_left_image_2, .passion_grid_right_image_2,
  .courage_grid_left_image, .courage_grid_right_image,
  .courage_grid_left_image_2, .courage_grid_right_image_2, .courage_grid_right_image_3,
  .new_courage_grid_left_image, .new_courage_grid_right_image,
  .new_courage_grid_left_image_2, .new_courage_grid_right_image_2,
  .new_courage_grid_right_image_3,
  .warranty_grid_left_image, .warranty_grid_right_image,
  .warranty_grid_left_image_2, .warranty_grid_right_image_2,
  .grid_right_text,
  .grid_left_text {
    float: none !important;
    width: 100%;
  }
  .block_1,
  .block_2 {
  grid-template-columns: 1fr;
}

	/* ---- FREE SECTION 5 ------------------------------------- */

	.left_motor,
	.right_motor {
		width: 100%;
		float: none;
	}
	.left_motor img,
	.right_motor img {
		padding: 0;
		width: 100%;
		display: block;
	}
	.motor_info_left,
	.motor_info_right {
		margin: 0;
		padding: 25px 20px;
	}
	.motor_title h3 {
		text-align: center;
	}

	.motor_info_left p,
	.motor_info_right p {
		text-align: center;
	}

	.free_section_6 .section_title{
		padding: 0;
	}

	/* -------FREE SECTION 10 --------------------------------- */
	
	.block_3 {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
		margin: 0;
	}
	.grid_right_image_3, .taishan_grid_right_image_3, 
	.dream_grid_right_image_3, .passion_grid_right_image_3{
		order: 1;
		min-height: 220px;
		margin: 0;
	}
	.grid_left_text_2 {
		order: 2;
		margin: 0;
		padding: 35px 20px;
	}
	.free_section_10 {
		padding-top: 0px;
	}
	.grid_left_text_2 h2,
	.grid_left_text_2 p {
		margin-top: 0;
	}

	/* -------------- TAISHAN PAGE  -------------------------------------------- */
	
	#video_block_taishan_susp{
		padding: 0 15px 15px 15px;
	}
	.specs_all{
		padding: 25px 0;
	}

	/* --------------- CONTACT PAGE -------------------------------------------- */

	.follow{
		align-items: center;
		justify-content: center;
	}

	/* ------- FOOTER MENU ----------------------------------------------------- */
	.footer{
		width: 100%;
		height: auto;
		float: left;
		padding: 30px 5% 5px 5%;
		background-color: #1e232e;
		color: white;
	}
	.footer_menu{
		width: 50%;
		height: auto;
		float: left;
	}
	.warranty_block{
		width: 50%;
		height: auto;
		float: left;
	}
	.warranty_block img{
		width: 100%;
		padding-top: 100px;
	}
	.models{
		width: 100%;
		height: auto;
		float: left;
		padding: 10px 0; 
	}
	.calling {
		width: 100%;
		display: flex;
		justify-content: center; 
		align-items: center;
		gap: 20px;
		padding-left: 40px;
	}
	.showroom_service {
		width: 50%;
		display: flex;
		justify-content: center;   /* centers UL inside each half */
		align-items: center;
	}
	 .call_and_smm{
		padding-top: 30px;
	}
	.call_button {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.call_button img {
		width: 24px;
		margin-bottom: 8px;
	}
	.call_button a {
		text-decoration: none;
		color: white;
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
	.call_button a span:first-child {
		font-weight: 600;
	}

	.call_button a span:last-child {
		font-size: 14px;
		opacity: 0.7;
	}
	.social_media{
		width: 100%;
		height: auto;
		float: left;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.smm_icons {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.smm_icons li {
		float: left;
		margin: 0 12px;
	}
	.copyright{
		width: 100%;
		padding: 10px 0 70px 0;

		margin-top: 15px;
		border-top: 1px solid white;
	}
	.copy_text{
		font-size: 10px;
	}
	.creator{
		font-size: 10px;
	}
	.descr_text{
		font-size: 10px;
		text-align: left;
		/* padding: 10px 0; */
	}
	.top_line{
	    border-top: 1px solid white;
    }
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		position: absolute;
		right: -89px;
		bottom: 71px;
		background-color: #406670;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		z-index: 1;
	}
	
		/* Links inside the dropdown */
		.dropdown-content a {
		color: white;
		padding-left: 10px;
		text-decoration: none;
		display: block;
		text-align: left;
		align-items: start;
		}

		/* Change color of dropdown links on hover */
		.dropdown-content a:hover {background-color: #ddd; color: #000;}
		.dropdown-content a:hover .btn {background-color: #ddd; color: #000;}
		/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
		.show {display:block;}

  }
  
  /* ---------------------- MEDIA 200 PX TO 460 PX --------------------------------------- */

  @media  (min-width: 200px) and (max-width: 460px){
	
	.menu{
		display: none !important;
	}
	.menu_mobile{
	    display: block !important;
		opacity: 1;
	}
	 
  }
  
  /* ---------------------- MEDIA SCREEN AND MAX WIDTH 768 PX ---------------------------- */
  
  @media screen and (max-width: 768px) {
	
	.menu{
		display: none !important;
	  }
	  .menu_mobile{
		display: block !important;
		
	  }
  
  }
  
 
  
  @media screen and (max-height: 450px) {
	.overlay {overflow-y: auto;}
	.overlay a {font-size: 17px}
	.overlay .closebtn {
	font-size: 40px;
	top: 15px;
	right: 35px;
	}
  }
  
  @media screen and (max-height: 290px){
	
  }