/* #Media Queries
================================================== */

@media(max-height: 650px){ 
	.notfound .banner_sec { height: auto; }
}

@media(max-width: 1300px){

}
@media(max-width: 1200px){
	h1 { font-size: 50px; } 
	h2 { font-size: 50px; }
	h3 { font-size: 33px; }
	h4 { font-size: 22px; }
	
	/* Header */
	.header_sec .navbar ul li a { font-size: 18px; }
	.header_sec .navbar ul li { margin-right: 20px; }
	/* Header */
		
	/* banner_sec */
	.banner_sec .mobile_frame .mobile_video .btn_all { bottom: 48px; }
	.banner_sec .mobile_frame .mobile_video .btn_all a { border-radius: 10px; padding: 5px; font-size: 15px; }
	.banner_sec .mobile_frame .mobile_video img { left: 5px;}
	.banner_sec .water-waves { height: 17rem; }
	.banner_sec .banner_slider_main { width: 100%; }
	.arrow_down_img img { max-width: 50px; width: 100%; }
	/* banner_sec */

}

@media(max-width: 1024px){
	h1 { font-size: 42px; } 
	h2 { font-size: 42px; }
	h3 { font-size: 30px; }
	h4 { font-size: 20px; }
	h5 { font-size: 20px; }
	p { font-size: 16px; }
	.btn_all a { padding: 9px 23px; }

	
	/* Header */
	.header_sec .navbar ul li a { font-size: 16px; }
	/* Header */

	/* Header menu */
	.header_sec .main_logo img { max-width: 225px; }
	.header_sec { padding: 12px 0; }
	
	#menu-icon { cursor: pointer; width: 28px; z-index: 99; }
	#menu-icon span {width: 100%; height: 3px; margin-bottom: 5px; background: #000000; display: block; border-radius: 15px; transition: all 0.3s; -webkit-transition: all 0.3s; }
	#menu-icon.active span:nth-child(1) {transform: rotate(45deg) translateY(8px) translateX(6px); -webkit-transform: rotate(45deg) translateY(8px) translateX(6px); }
	#menu-icon.active span:nth-child(2) {opacity: 0; }
	#menu-icon.active span:nth-child(3) {transform: rotate(-45deg) translateY(-6px) translateX(4px); -webkit-transform: rotate(-45deg) translateY(-6px) translateX(4px); }    
	#menu-icon span:last-child { margin: 0; }
	#menu-icon:hover { opacity: 0.85; } 
	.header_sec .navbar ul li a { font-size: 22px; }
	.header_sec .navbar ul { display: block; }
	.header_sec .navbar ul li { margin: 0; margin-bottom: 22px; }
	.header_sec .navbar ul li:last-child { margin-bottom: 0; }
	.header_sec .navbar .sub_main:hover .sub_menu { position: relative; }
	.header_sec .navbar .mob_menu_inner ul li a { font-weight: 400; text-transform: inherit; }
	.header_sec .navbar .sub_main:hover .sub_menu { position: relative; display: none; top: 0; }
	.header_sec .navbar { transform: translateX(100%); z-index: 0; overflow: hidden; visibility: hidden; position: absolute; right: 0; top: 0; text-align: left; background: rgb(176,0,0,0.8); background: #ffffff; width: calc(100% - 20%); padding: 100px 20px; height: 100vh; box-shadow: 3px 2px 30px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 2px 30px rgba(0,0,0,0.5); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
	.navbar.expand { transform: translateX(0); opacity: 1; overflow: visible; visibility: visible; right: 0; z-index: 5; }
	.header_sec .navbar .sub_main:hover .sub_menu { visibility: hidden; display: none; }
	.header_sec .navbar .sub_menu { background-color: #000000; }
	.header_sec .navbar .sub_main .sub_menu { visibility: hidden; top: 0; left: 0; position: relative; display: none; opacity: 1; margin: 0 auto; }
	.header_sec .navbar .sub_main.active svg { transform: rotate(180deg); }
	.header_sec .navbar .sub_main.active .sub_menu { visibility: visible; display: block; }
	.header_sec.scroll_revers .navbar .sub_main:hover .sub_menu { top: 0px; }
	.mob_menu { display: block; }
	.header_sec .mob_menu .mob_menu_inner { margin-top: 50px; } 
	.header_sec .navbar ul li a::after { background-color: #000000; }
	.header_sec .mob_menu .mob_menu_inner p { padding-bottom: 5px; }
	.header_sec .mob_menu .contact_list li img { max-width: 20px; width: 100%; margin-top: 1px; }
	.header_sec .mob_menu .contact_list li { margin-bottom: 8px; }
	.header_sec .mob_menu .contact_list li:last-child { margin-bottom: 0; }
	.header_sec .mob_menu .contact_list li a { position: relative; font-size: 16px; }
	.header_sec .mob_menu .contact_list li a::after { content: ""; position: absolute; left: 0px; bottom: -1px; width: 0; height: 1px; background-color: #000000; transition: 0.3s linear; -webkit-transition: 0.3s linear; }
	.header_sec .mob_menu .contact_list li a:hover::after { content: ""; width: 100%; }
	
	.header_sec .mob_menu .social_list { display: flex; justify-content: flex-start; align-items: center; }
	.header_sec .mob_menu .social_list li { margin-right: 10px; margin-bottom: 0; }
	.header_sec .mob_menu .social_list li img { max-width: 35px; width: 100%; border-radius: 100px; transition: 0.3s linear; -webkit-transition: 0.3s linear; }
	.header_sec .mob_menu .social_list li a:hover img { opacity: 0.8; }
	.header_sec .mob_menu .social_list li a:hover:after { display: none; } 
	.header_sec .mob_menu .social_list li:last-child { margin-right: 0; }
	#menu-icon.active span { background-color: #000000; }
	.header_sec.fixed .navbar ul li a { color: #000000; }
	/* Header menu */
	
	/* banner_sec */
	.banner_sec .mobile_frame { border-radius: 26px; min-width: 180px; }
	.banner_sec .banner_slider_main { width: 100%; }
	.banner_sec .mobile_frame .mobile_video img.phone_frame { left: 4px; top: 2px; width: 97%; border-radius: 20px; }
	.banner_sec .mobile_frame .mobile_video .btn_all a { border-radius: 6px; padding: 5px; font-size: 12px; }
	.banner_sec .mobile_frame .mobile_video .btn_all { bottom: 34px; }
	/* hero_sec */
	
	/* Banner */
	.banner_sec { padding: 25% 0 15%; }
	.banner_sec .banner_inner { margin: 2px 0; }
	.banner_sec .banner_main .btn_all { padding-top: 20px; }
	.arrow_down_img img { max-width: 40px; }
	.banner_sec .mobile_frame .mobile_video video { left: 5px; top: 3px; }
	/* Banner */
}

@media(max-width: 767px){
	h1 { font-size: 40px; } 
	h2 { font-size: 40px; }
	h3 { font-size: 28px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	.btn_all a { line-height: 1; padding: 10px 23px;}
	.header_sec .main_logo img { max-width: 200px; }
	.header_sec.fixed .main_logo img { max-width: 200px; }
	
	/* banner_sec */
	.banner_box .banner_bg_d { display: none; }
	.banner_box .banner_bg_m { display: inline-block; }
	/* banner_sec */

}

@media(max-width: 640px){
	h5 { font-size: 16px; }
	/* Banner */
	.banner_sec { padding: 200px 0 20%; }
	.banner_sec .banner_slider_main { width: 100%; }
	.banner_sec .banner_main { display: block; }
	.banner_sec .banner_img { width: 78%; margin: 0 auto; padding-bottom: 69%; }
	.banner_sec::after { opacity: 0.6; }
	.banner_sec .banner_main .btn_all a { display: block; width: 100%; }
	.header_sec.fixed { padding: 12px 0; }
	.banner_sec .water-waves { height: 19rem; width: 140%; overflow: hidden; }
	/* Banner */

}

@media(max-width: 480px){
	h1 { font-size: 35px; }
	h2 { font-size: 35px; }
	h3 { font-size: 26px; }
	
	/* Banner */
	.banner_sec { padding: 45% 0 30%; }
	.banner_sec .banner_slider_main { margin-bottom: 20px; }
	.banner_sec .banner_img { width: 100%; margin: 0 auto; padding-bottom: 85%; left: 0; right: 0; }
	.banner_sec .banner_main .btn_all { display: block; }
	.btn_all .btn_2 { display: block; margin: 0; margin-top: 15px; }
	.banner_sec .banner_main .btn_all a { display: block; width: 100%; }
	.banner_sec .water-waves { width: 200%; } 
	/* Banner */
}