/* mobile style*/
@media only screen and (max-width: 768px) {
	.form-register-panel p {
    display: block;
		margin-top:15px;
}
	
	.form-register-panel .form-email{
		margin-bottom:10px !important
	}
    .page-template-page-home:before {
        width: 100px;
        height: 100px;
    }

    .ztech-banner {
        width: 100%;
    }

    .ztech-banner h1 {
        font-size: 22px;
        line-height: 32px;
    }

    i.icon-menu {
        color: #fff;
    }

    .ztech-banner .ztech-banner-description {
        width: 100%;
    }

    .home-title p {
        width: 100%;
    }

    .home-title h3 {
        font-size: 30px;
    }

    .ztech-service .ztech-service-bottom h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .mt-footer {
        margin-bottom: 20px !important;
    }

    section.sec-banner.banner-category h1 {
        font-size: 25px;
    }

    .post-item .post-content h4 a {
        font-size: 18px;
        line-height: 25px;
        height: 50px;
    }

    .post-item .post-thumbnail {
        height: 200px;
    }

    .gap-50-2 {
        padding: 0px !important;
    }

    .home-title h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .wd-100 {
        width: 100% !IMPORTANT;
        margin: auto;
        display: block;
    }

    .button_icon {
        width: auto;
        padding: 8px 15px !important;
    }

    .textRight .text-right {
        text-align: center !important;
    }

    .abouts h1.text-title-section {
        font-size: 35px;
        line-height: 45px;
        letter-spacing: .7px;
    }

    .header-account a {
        background: var(--primary-color) !important;
        color: #fff !important;
        font-size: 14px;
    }

    .header-main li.html.custom {
        display: block !important;
    }
	.register-body {
 
    border-radius: 10px;
}
	.form-register-panel span {
    padding: 0 !important;
}
}

/* iPad landscape style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

/* iPad portrait style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {


}

/**desktop**/
@media only screen and (min-width: 768px) {
    .container, .container-width, .full-width .ubermenu-nav, .row {
        max-width: 1376px !important;
    }
}