@import url('./san-pham-g.css');
@import url('./footer.css');
*{
	margin: 0px;
	padding: 0px;
}
td {
    border: 1px solid #00000038;
}

a:hover{
	text-decoration: none;
	color: black;
}
a{
	color: black;
}

img {
	width: 100%;
}

ul li {
	list-style: none;
}

.h1, h1 {
    font-size: 1.8rem;
}
.h2, h2 {
    font-size: 1.6rem;
}
.h3, h3 {
    font-size: 1.4rem;
}

iframe {
    width: -webkit-fill-available;
}


table {
    WIDTH: 80%;
	margin-left: auto;
	margin-right:auto;
	margin-bottom:10px;
}
td {
    padding: 3px;
}
div.wp-caption {
    width: 100% !important;
}

.border-radius-5{ border-radius: 5px; }
.bg-color-honda { background: black }
.color-text-honda { color: black; }
 /* ---- code Css của Menu --- */
 	header#header { position: sticky;top: 0px; z-index: 99;}
 	img.hinh_logo_trang { height: 30px; width: auto; object-fit: cover;}
 	input#checkbox_toggle {display: none;}
 	ul#header-menu li { list-style: none; text-transform: uppercase; padding-left: 10px; padding-right: 10px}
 	ul#header-menu>li { display: inline-block; position: relative;}
	.header-top-menu { padding: 10px; }
	.sub-menu { background: #ffffff; border-radius: 10px; border: 1px dotted #98525282;}
	.sub-menu li { padding:10px; width: 200px }
	ul#header-menu li a { color: white; }
	a.head-hotline { color: white;}
	.mieu-ta-honda { padding:0px 20px; }
	.top-icon-header img { width: 25px; height:25px; margin: 0px 15px; }
	.top-icon-header { display: flex; align-items:center; }

 	@media (min-width: 768px) {
 		ul.sub-menu { display: none; }
		ul#header-menu li:hover ul.sub-menu { display: block; position:absolute; }
		label.hamburger { display: none;}
		ul.top-menu { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; }
		a.top-space { display: none;}
		ul#header-menu li { border-left: 1px solid white; }
		.bg-color-honda.header-car-honda { padding: 10px 0px; }

	}
 	
  	@media (max-width: 768px) {
  		ul.top-menu { margin-bottom: 0px; }
		ul#header-menu li ul.sub-menu { display: none;}
		ul#header-menu li:hover ul.sub-menu {display: block;}
		ul#header-menu { display: none; position: absolute; top: 55px; text-align: center; left: 0px; right: 0px; background: #e21428; z-index: 999; padding:10px }
		ul.sub-menu li { width: auto; }
		input[type=checkbox]:checked ~ ul#header-menu { display: grid;}
  		ul#header-menu>li {border-bottom: 1px dotted white; padding-top: 10px; padding-bottom: 10px ;}
  		label.hamburger { margin: 0; font-size: 24px;padding: 4px 10px; background: lavender; border-radius: 4px;}
  		button.head-call-btn-icon {display: none;}
  		a.top-space { width: 40px;}
  		header.header-honda { display: flex; justify-content: space-between; align-items: center; background: black;}
  		.mb-dp-none{ display:none; }

  		td { font-size: 13px; }
	}	
			/*https://www.htmlsymbols.xyz/arrow-symbols ( Link của Icon Simple trong menu) */	
		

 /* ---- END code Css của Menu --- */



 /* ---- code Css của tintuc-a.php --- */

		.card a img { height: 200px; width: -webkit-fill-available; object-fit: cover;}
		p.card-text { height: 75px; overflow: hidden; }
		.card-body h4 { height: 85px; overflow: hidden; }
		.card {margin-bottom: 25px; }
		.card:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

 /* ---- END code Css của tintuc-a.php --- */

 /* ---- CF7 Css của fom liên hệ --- */
	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { width: 100%;}
	.submit-class { width: 50%;  }
	.wpcf7-spinner { position: absolute !!important ;left: 55%; }
	span.wpcf7-spinner { position: absolute;}
	#sgpb-popup-dialog-main-div { box-shadow:white; }
	.submit-class {background: black; border: 4px solid black; color: white; border-radius: 5px; width: 100%; }
	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { border-radius: 10px; border: 1px solid #00000075;  height: 35px;}

	div#wpcf7-f111-o1 { text-align: center; }
	span.wpcf7-form-control-wrap select { width: 100%; height: 35px;border-radius: 15px; }
	span.wpcf7-form-control-wrap > input { width: 100%; height: 35px; border-radius: 15px; border: 1px solid #b1b1b1; padding: 10px; }
 	@media(max-width:768px){.label-cf7 { width: 85%; }} 	
 	@media(min-width:768px){.label-cf7 { width: 50%; }}
 	div#sgpb-popup-dialog-main-div { padding: -12px 0px !important; border: 1px solid #cbc1c252 !important; margin: 10p; }
 	.label-cf7 i { width: 30px; height: 30px; border: 1px solid #c9c9c9; border-radius: 50%; margin-bottom: -10 px; }
 	.fa-user:before, .fa-phone-volume:before, .fa-map-marker-alt:before, .fa-car-side:before { display: flex; margin-top: 6px; margin-left: 7px; }
	.label-cf7 p { display: flex; justify-content: space-between; }

 /* ---- END CF7 Css của fom liên hệ --- */

.popup-home {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

.fz-12{
	font-size:12px;
}

.fz-10{
	font-size:10px;
}

.input-cf7 {
    width: 100%;
}
    @media(max-width:786px) {
        .fz-mb-10 {
            font-size: 10px !important;
        }
        .fz-mb-11 {
            font-size: 11px !important;
        }
        .fz-mb-12 {
            font-size: 12px !important;
        }
        .fz-mb-13 {
            font-size: 13px !important;
        }
        .fz-mb-14 {
            font-size: 14px !important;
        }
        .fz-mb-15 {
            font-size: 15px !important;
        }
        .fz-mb-16 {
            font-size: 16px !important;
        }
        .fz-mb-17 {
            font-size: 17px !important;
        }
        .fz-mb-18 {
            font-size: 18px !important;
        }
        .fz-mb-19 {
            font-size: 19px !important;
        }
        .fz-mb-20 {
            font-size: 20px !important;
        }        
        .fz-mb-21 {
            font-size: 21px !important;
        }        
        .fz-mb-22 {
            font-size: 22px !important;
        }        
        .fz-mb-22 {
            font-size: 22px !important;
        }        
        .fz-mb-23 {
            font-size: 23px !important;
        }        
        .fz-mb-24 {
            font-size: 24px !important;
        }        
        .fz-mb-25 {
            font-size: 25px !important;
        }        
        .fz-mb-26 {
            font-size: 26px !important;
        }        
        .fz-mb-27 {
            font-size: 27px !important;
        }        
        .fz-mb-28 {
            font-size: 28px !important;
        }        
        .fz-mb-29 {
            font-size: 29px !important;
        }        
        .fz-mb-30 {
            font-size: 30px !important;
        }        
        .fz-mb-31 {
            font-size: 31px !important;
        }        
        .fz-mb-31 {
            font-size: 31px !important;
        }        
        .fz-mb-32 {
            font-size: 32px !important;
        }        
        .fz-mb-33 {
            font-size: 33px !important;
        }        
        .fz-mb-33 {
            font-size: 33px !important;
        }        
        .fz-mb-33 {
            font-size: 33px !important;
        }        
        .fz-mb-33 {
            font-size: 33px !important;
        }        
        .fz-mb-34 {
            font-size: 34px !important;
        }        
        .fz-mb-35 {
            font-size: 35px !important;
        }        
        .fz-mb-36 {
            font-size: 36px !important;
        }        
        .fz-mb-37 {
            font-size: 37px !important;
        }        
        .fz-mb-38 {
            font-size: 38px !important;
        }        
        .fz-mb-39 {
            font-size: 39px !important;
        }        
        .fz-mb-40 {
            font-size: 40px !important;
        }        
        .fz-mb-41 {
            font-size: 41px !important;
        }        
        .fz-mb-42 {
            font-size: 42px !important;
        }        
        .fz-mb-43 {
            font-size: 43px !important;
        }        
        .fz-mb-44 {
            font-size: 44px !important;
        }        
        .fz-mb-45 {
            font-size: 45px !important;
        }       
        .fz-mb-46 {
            font-size: 46px !important;
        }       
        .fz-mb-47 {
            font-size: 47px !important;
        }       
        .fz-mb-48 {
            font-size: 48px !important;
        }       
        .fz-mb-49 {
            font-size: 49px !important;
        }       
        .fz-mb-50 {
            font-size: 50px !important;
        }       
        .fz-mb-51 {
            font-size: 51px !important;
        }       
        .fz-mb-52 {
            font-size: 52px !important;
        }       
        .fz-mb-53 {
            font-size: 53px !important;
        }       
        .fz-mb-54 {
            font-size: 54px !important;
        }       
        .fz-mb-55 {
            font-size: 55px !important;
        }
    }

    @media(min-width:786px) {
        .fz-10 {
            font-size: 10px !important;
        }
        .fz-11 {
            font-size: 11px !important;
        }
        .fz-12 {
            font-size: 12px !important;
        }
        .fz-13 {
            font-size: 13px !important;
        }
        .fz-14 {
            font-size: 14px !important;
        }
        .fz-15 {
            font-size: 15px !important;
        }
        .fz-16 {
            font-size: 16px !important;
        }
        .fz-17 {
            font-size: 17px !important;
        }
        .fz-18 {
            font-size: 18px !important;
        }
        .fz-18 {
            font-size: 19px !important;
        }
        .fz-20 {
            font-size: 20px !important;
        }
        .fz-21 {
            font-size: 21px !important;
        }
        .fz-22 {
            font-size: 22px !important;
        }
        .fz-23 {
            font-size: 23px !important;
        }
        .fz-24 {
            font-size: 24px !important;
        }
        .fz-25 {
            font-size: 25px !important;
        }

        .fz-26 {
            font-size: 26px !important;
        }

        .fz-26 {
            font-size: 26px !important;
        }

        .fz-26 {
            font-size: 26px !important;
        }

        .fz-27 {
            font-size: 27px !important;
        }

        .fz-28{
            font-size: 28px !important;
        }

        .fz-29 {
            font-size: 29px !important;
        }

        .fz-30 {
            font-size: 30px !important;
        }

        .fz-31{
            font-size: 31px !important;
        }

        .fz-32 {
            font-size: 32px !important;
        }

        .fz-33 {
            font-size: 33px !important;
        }

        .fz-34 {
            font-size: 34px !important;
        }

        .fz-35 {
            font-size: 35px !important;
        }

        .fz-36 {
            font-size: 36px !important;
        }

        .fz-37 {
            font-size: 37px !important;
        }

        .fz-38 {
            font-size: 38px !important;
        }

        .fz-39 {
            font-size: 39px !important;
        }

        .fz-40 {
            font-size: 40px !important;
        }

        .fz-41{
            font-size: 41px !important;
        }

        .fz-42 {
            font-size: 42px !important;
        }

        .fz-43 {
            font-size: 43px !important;
        }
        .fz-44 {
            font-size: 44px !important;
        }
        .fz-45 {
            font-size: 45px !important;
        }
        .fz-46 {
            font-size: 46px !important;
        }
        .fz-47 {
            font-size: 47px !important;
        }
        .fz-48 {
            font-size: 48px !important;
        }
        .fz-49 {
            font-size: 49px !important;
        }
        .fz-50 {
            font-size: 50px !important;
        }
        .fz-51 {
            font-size: 51px !important;
        }
        .fz-52 {
            font-size: 52px !important;
        }
        .fz-53 {
            font-size: 53px !important;
        }
        .fz-54 {
            font-size: 54px !important;
        }
        .fz-55 {
            font-size: 55px !important;
        }

    }