/* mobile style*/
@media only screen and (max-width: 768px) {
	.imageAbouts .img-inner{
		padding-top:280px !important
	}
	
    div#masthead ul.mobile-nav.nav.nav-right {
        width: 150px;
    }

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

    div#masthead li.nav-icon.has-icon a {
        color: var(--color-gray)
    }


    form.searchform button.search-button {
        display: block;
        margin: 0 !important;
        padding: 0 15px !important;
     
    }

    button.alt {
        width: 56px !important;
        padding: 0;
    }

    .gfx-6 {
        flex-basis: calc(100% / 2) !important;
        max-width: calc(100% / 2) !important;
    }

    .brand-marketing {
        padding-left: 0px;
    }

    .brand-marketing:before {
        display: none;
    }

    .banner_hero h3 {
        font-size: 35px !important;
        line-height: 45px !important;
    }

    .banner_home .text-box-content {
        left: 2%;
    }

    .swiper-post-text .swiper-slide .post-text {
        border: 0px !important;
    }

    .slogan .box-image {
        padding-top: 200px;
    }

    .slogan .box-image {
        padding-top: 80px;
    }

    .slogan h3.slogan-text {
        font-size: 32px !important;
        line-height: 48px !important;
    }

    .home-title h3, .home-title h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .gfx-review {
        padding: 15px;
    }

    .giatri ul li {
        font-size: 18px;
    }

    .team-item .team-thumbnail {
        width: 100%;
        height: 220px;
    }

    .brand-item {
        padding: 25px;
    }

    .brand-item h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .project-box {
        width: 100%;
        height: 320px;
    }

    .banner_learn h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .home-small h3 {
        font-size: 20px;
        line-height: 32px;
    }

    .gfx-dot {
        width: 50px;
        height: 50px;
        padding: 10px;
        right: 20px;
        top: -20px;
    }

    .RegisterBody {
        padding: 20px;
    }

    header#single-header h1 {
        font-size: 30px;
        line-height: 41px;
    }

    .post-share {
        width: 100%;
        display: block;
    }

    header#single-header .post-meta {
        flex-flow: wrap;
    }

    body .swiper-button-next {
        right: 10px;
    }

    body .swiper-button-prev {
        left: 10px;
    }
	.gfx_contact_on {
    bottom: 30px;
}
	
	.gfx_contact_on {
    bottom: 30px;
    left: 30px;
}
	
	.gfx_contact_on a {
    width: 40px;
    height: 40px;
    padding: 8px;
}
	
	.stuck #masthead,.header.show-on-scroll, .stuck .header-main {
		height: 60px !important;
		max-height:60px !important
	}
}

/* iPad landscape style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	div#mega-menu-wrap-primary ul li {
    	padding: 0 10px !important;
	}
	
	.imageAbouts .img-inner{
		padding-top:540px !important
	}
	.res-text {
    width: 60% !important;
    left: 20px !important;
        transform: unset !important;
}
	button#top-link {
  
    bottom: 200px
}
}

/* iPad portrait style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	div#mega-menu-wrap-primary ul li {
    	padding: 0 10px !important;
	}
	
	.imageAbouts .img-inner{
		padding-top:540px !important
	}
	
	.res-text {
    width: 90% !important;
        left: 20px !important;
        transform: unset !important;
}
	button#top-link {
  
    bottom: 242px;
}
}

/**desktop**/
@media only screen and (min-width: 1440px) {

}