@media (min-width: 1441px){
    .container {
        width: 1300px;
    }
}

@media screen and (max-width: 1800px) {
    
}

@media screen and (max-width: 1600px) {
    
}


@media screen and (max-width: 1440px) {
    .container {
        width: 1170px;
    }
    .grid-content {
        padding: 54px 54px 54px 125px;
    }
}

@media screen and (max-width: 1280px) {
    .showroom {
        width: calc(50% - 30px);
    }
    .gallery-item {
        width: calc(33.3333333% - 30px);
    }
    .gallery-for-item {
        height: 355px;
    }
    #servicecalltoaction .cta-content::before {
        height: 255px;
        width: 351px;
    }
    .container {
        width: 970px;
    }
    .navbar-nav li+li {
        margin-left: 21px;
    }
    .client-image img {
        margin: auto;
        height: 300px;
        width: auto;
    }
    .client {
        padding: 0 5px;
    }
    .footer-bar {
        font-size: 14px;
    }
    #calltoaction .container{
        width: 100%;
        padding: 0;
    }
    .cta-content::before{
        left: 0;
    }
}


@media screen and (max-width: 960px) {
    
}


@media screen and (max-width: 991px) {
 
	.gallery-item {
        width: calc(50% - 30px);
    }
    .service-process-item {
        width: calc(50% - 30px);
    }
    .gallery-for-item {
        height: 295px;
    }
    #servicecalltoaction .cta-content::before {
        height: 211px;
        width: 291px;
    }
    .container {
        width: 750px;
    }   
    .topbar-left-info li+li {
        margin-left: 17px;
    }
    .topbar {
        font-size: 12px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
    }
    .navbar-header {
        width: 127px;
    }
    .navbar-nav li+li {
        margin-left: 10px;
    }
    .navbar-collapse {
        width: calc(100% - 127px);
    }
    .grid-content {
        padding: 14px 24px 14px 75px;
    }
    .academy-content {
        padding-left: 27px;
    }
    .academy-url a {
        font-size: 16px;
    }
    .academy-urls .academy-url+.academy-url {
        margin-left: 9px;
    }
    .footer-bar {
        margin-bottom: 10px;
    }
    .social-title{
        display: block;
    }
    .footer-social a+a{
        margin-left: 10px;
    }
    .footer-social a{
        margin: 0;
    }
    .coure-infos {
        padding: 0 15px 0;
    }
}

@media screen and (max-width: 800px) {
  
}


@media screen and (max-width: 767px) {
    
	.showroom > span {
        font-size: 20px;
    }
    .showroom {
        width: calc(100% - 30px);
    }
    .page-template-template-Franchise-php .cta-content h1, .page-template-template-Franchise-php .cta-content h2, .page-template-template-Franchise-php .cta-content h3, .page-template-template-Franchise-php .cta-content h4, .page-template-template-Franchise-php .cta-content h5, .page-template-template-Franchise-php .cta-content h6, .page-template-template-hopctac-php .cta-content h1, .page-template-template-hopctac-php .cta-content h2, .page-template-template-hopctac-php .cta-content h3, .page-template-template-hopctac-php .cta-content h4, .page-template-template-hopctac-php .cta-content h5, .page-template-template-hopctac-php .cta-content h6 {
        font-size: 30px;
    }
    .cta-content {
        font-size: 26px;
    }
    .benefit {
        width: 50%;
        margin-bottom: 30px;
        padding: 0 10px;
    }
    #yeucau .kh-content{
        width: 100%;
    }
    .ttdd-image {
        width: 100%;
        background-size: cover;
        background-position: center;
        height: 290px;
        position: relative;
    }
    #section-kh-info .row{
        display: block;
    }
    .course-title {
        margin-top: 20px;
    }
    .coure-infos,.course-image{
        width: 100%;
        float: none;
    }
    .academy-galleries a{
        width: 50%;
    }
    .section-content li{
        width: 100%;
        padding: 0;
        float: none;
    }
    .service-name {
        margin: 0px 0 20px;
    }
    .gallery-for-item {
        height: 343px;
    }
    .service-gallery,.service-details{
        width: 100%;
    }
    .service-main,
    .services-lising .row{
        display: block;
    }
    .ab-gallery a{
        width: 25%;
    }
    .topbar-right-info {
        top: 0;
        text-align: left;
    }
    .topbar-left-info{
        display: none;
    }
    .navbar-default{
        display: block;
    }
    .navbar-header {
        width: 100%;
    }
    .navbar-default .navbar-toggle {
        border-color: #ccc;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ccc;
    }
    .navbar-collapse{
        width: 100%;
    }
    .navbar-nav>li{
        display: block;
        clear: both;
        margin: 0!important
    }
    .navbar-nav{
        margin: 7.5px 0;
    }
    .navbar-nav {
        float: none;
        text-align: left;
    }
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
        border-bottom: 0;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        border: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .section-subtitle {
        font-size: 30px;
        margin-bottom: 10px;
    }
	.section-subtitle span{
		margin-bottom: 10px;	
	}
    .blog-item {
        margin-bottom: 3px;
    }
    .academy-image{
        margin-bottom: 10px;
    }
    .academy-image,
    .grid-image {
        position: relative;
        width: 100%;
    }
    .academy-content{
        padding: 0;
        width: 100%;
    }
    .grid-content {
        padding: 15px;
        width: 100%;
    }
    #academy .container{
        display: block;
    }
	
    .container{
        width: 100%;
    }
    .cta-content::before{
        display: none;
    }
    .footer-1,.footer-2,.footer-3,.footer-4{
        margin-bottom: 30px;
    }
    .site-footer {
        padding: 32px 0 0;
    }
    .slick-prev {
        left: -6px;
    }
    .kh-image{
        margin-bottom: 30px;
    }
    .slick-next {
        right: -6px;
    }
    .navbar-toggle {
        margin-top: 28px;
    }
    .section-title {
        font-size: 26px;
        margin: 0 0 20px;
    }
    .grid-url a{
        display: block;
        clear: both;
    }
    .academy-urls .academy-url+.academy-url,
    .grid-url .button-b{
        margin: 20px 0 0 ;
    }
    .academy-url{
        display: block;
    }
    .cta-content {
        padding: 30px 15px;
    }
    .homeblog-inner {
        padding: 40px 20px 60px;
    }
    .ab-showroom-item {
        margin-bottom: 20px;
    }
    .blog-listing .row{
        display: block;
    }
	.navbar-brand{
		margin-left: 120px;
	}
	.navbar-brand img{
		width:150px;
	}
	
}
@media screen and (max-width: 600px) {
    
}


@media screen and (max-width: 480px) {
    .gallery-listing .alm-listing{
        display: block;
    }
    .gallery-item {
        width: calc(100% - 30px);
    }
    .ab-video iframe {
        height: 200px;
    }
    .ab-gallery a {
        width: 50%;
    }
    .gallery-nav{
        display: none;
    }
    .gallery-for {
        width: 100%;
    }
    .gallery-for-item {
        height: 230px;
    }
    .service-process-item{
        width: calc(100% - 30px);
    }
    .booking-fixed{
        display: none;
    }
}


@media screen and (max-width: 320px) {
    
}