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

@media only screen and (min-width:1400px) and (max-width:1599px) {
.home-ban .ban-text{width: 1320px;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.home-ban .ban-text{width: 1140px;}
.home-ban .ban-text .right {width: 64%;}

.header .menu ul li a{padding: 0 10px;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.navbar-brand{width: 150px;}
.navbar-brand img{width: 100%}
.header .menu ul li a{font-size: 13px; padding: 0 10px;}
.header .menu .yellow-btn{font-size: 13px;}
.header .menu .yellow-btn{padding: 0 10px;}

.home-ban .ban-text{width: 960px;}
.home-ban .ban-text .left{padding: 40px 20px;}
.home-ban .ban-text .left h2 {font-size: 20px; line-height: 26px;}
.home-ban .ban-text .right {width: 60%;}
.home-ban .ban-text .right ul li .box{min-height: 257px;}

.lead {padding: 0 180px;}

.our-courses ul li:hover .text p{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
#menu-toggle{display: block; float: right; padding: 28px 12px;}
.navbar-brand{width: 100px;}
.navbar-brand img{width: 100%}
.navbar-header{width: 100%;}

.home-ban{min-height: auto;padding: 50px 0;}
.home-ban .ban-text{width: 720px; padding: 0 15px; position: relative; top: auto; left: auto; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); display: inline-block}
.home-ban .ban-text .left, .home-ban .ban-text .right{width: 100%;}
.home-ban .ban-text .left{margin: 0 0 30px;}

.lead{padding: 0}

.our-courses ul li{width: 100%; margin: 0 0 20px;}

.testimonial .bx-wrapper .bx-controls-direction a{bottom: -40px;}

.job-roles .col-md-3{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.job-roles .col-md-3.none{display: none}

.course-highlights h2{width: 100%;}
.course-highlights .container{display: flex; flex-wrap: wrap;}
.course-highlights .left, .course-highlights .right{width: 100%;}
.course-highlights .left{order:2}
.course-highlights .right{order:1; padding: 0}

.industry-growth ul li{width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.5); padding: 0; margin-bottom: 20px;}

footer .footer1 .col-md-3{margin-bottom: 20px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; float: left;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) { 
#menu-toggle{display: block; float: right; padding: 28px 12px;}
.navbar-brand{width: 100px;}
.navbar-brand img{width: 100%}
.navbar-header{width: 100%;}

.home-ban{min-height: auto;padding: 50px 0;}
.home-ban .ban-text{width: 100%; padding: 0 15px; position: relative; top: auto; left: auto; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); display: inline-block}
.home-ban .ban-text .left{margin: 0 0 30px;}
.home-ban .ban-text .left h2 {font-size: 20px; line-height: 26px;}
.home-ban .ban-text .left::before{width: 100%;}
.home-ban .ban-text .left, .home-ban .ban-text .right{width: 100%;}
.home-ban .ban-text .right h2{font-size: 16px; background-size: 100% 100%;}
.home-ban .bx-wrapper{margin: 0 auto; width: 420px;}
.home-ban .ban-text .right ul li:nth-child(3n+3){margin-right: 20px;}
.home-ban .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.home-ban .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.home-ban .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

#content .row-am {padding: 40px 0;}
h2{font-size: 24px; line-height: 26px;}
.lead{padding: 0}

.successful .text span.one{font-size: 24px; line-height: 23px;}
.successful .text span.two{font-size: 40px; line-height: 34px;}
.successful .text span.three{font-size: 35px; line-height: 34px;}
.successful .text span.fourth{font-size: 60px; line-height: 40px;}
.successful h3 {font-size: 18px; line-height: 14px;}

.usp .bx-wrapper{margin: 0 auto; width: 510px; display: block}
.usp ul li{width: 255px !important}
.usp .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.usp .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.usp .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

.our-courses ul li{width: 100%; margin: 0 0 20px;}

.how-join .btn-group{display: block}
.how-join .white-btn{width: 100%; margin: 8px 0}

.our-center ul li{margin: 0; width: 255px !important; padding: 0 10px}
.our-center .bx-wrapper{margin: 0 auto; width: 510px; display: block}
.our-center .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.our-center .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.our-center .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

.testimonial .left, .testimonial .right{width: 100%;}
.testimonial .left img{width: 140px;}
.testimonial .right{text-align: center; font-size: 20px; line-height: 31px;}
.testimonial .right img{margin: 0 auto}
.testimonial .bx-wrapper{margin: 0 0 60px;}
.testimonial .bx-wrapper .bx-controls-direction a{bottom: auto; top: 40%;}
.testimonial .bx-wrapper .bx-prev {left: 0px;}
.testimonial .bx-wrapper .bx-next {right: 0px;}
.testimonial .container::before{width: 76px; height: 40px; background-size: cover;}

.course-highlights h2{width: 100%;}
.course-highlights .container{display: flex; flex-wrap: wrap;}
.course-highlights .left, .course-highlights .right{width: 100%;}
.course-highlights .left{order:2}
.course-highlights .right{order:1; padding: 0}

.industry-growth ul li{text-align: center; border-right:none}
.industry-growth ul li h4{text-align: center}
.industry-growth ul li img{margin: 0 auto 20px}
.industry-growth .bx-wrapper{margin: 0 auto; width: 510px; display: block}
.industry-growth .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.industry-growth .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.industry-growth .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

footer .footer1 .col-md-3{margin-bottom: 20px;}

.mobile{display: block !important;}
.desktop{display: none !important;}

.our-courses ul li:hover .text p{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}

.job-roles .col-md-3{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.job-roles .col-md-3.none{display: none}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#menu-toggle{display: block; float: right; padding: 28px 12px;}
.navbar-brand{width: 100px;}
.navbar-brand img{width: 100%}
.navbar-header{width: 100%;}

.home-ban{min-height: auto;padding: 50px 0;}
.home-ban .ban-text{width: 100%; padding: 0 15px; position: relative; top: auto; left: auto; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); display: inline-block}
.home-ban .ban-text .left{margin: 0 0 30px;}
.home-ban .ban-text .left h2 {font-size: 20px; line-height: 26px;}
.home-ban .ban-text .left::before{width: 100%;}
.home-ban .ban-text .left, .home-ban .ban-text .right{width: 100%;}
.home-ban .ban-text .right h2{font-size: 16px; background-size: 100% 100%;}
.home-ban .bx-wrapper{margin: 0 auto; width: 420px;}
.home-ban .ban-text .right ul li:nth-child(3n+3){margin-right: 20px;}
.home-ban .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.home-ban .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.home-ban .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

#content .row-am {padding: 40px 0;}
h2{font-size: 24px; line-height: 26px;}
.lead{padding: 0}

.successful .text span.one{font-size: 24px; line-height: 23px;}
.successful .text span.two{font-size: 40px; line-height: 34px;}
.successful .text span.three{font-size: 35px; line-height: 34px;}
.successful .text span.fourth{font-size: 60px; line-height: 40px;}
.successful h3 {font-size: 18px; line-height: 14px;}

.usp .bx-wrapper{margin: 0 auto; width: 420px; display: block}
.usp ul li{width: 210px !important}
.usp .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.usp .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.usp .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

.our-courses ul li{width: 100%; margin: 0 0 20px;}

.how-join .btn-group{display: block}
.how-join .white-btn{width: 100%; margin: 8px 0}

.our-center ul li{margin: 0; width: 210px !important; padding: 0 10px}
.our-center .bx-wrapper{margin: 0 auto; width: 420px; display: block}
.our-center .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.our-center .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.our-center .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

.testimonial .left, .testimonial .right{width: 100%;}
.testimonial .left img{width: 140px;}
.testimonial .right{text-align: center; font-size: 20px; line-height: 31px;}
.testimonial .right img{margin: 0 auto}
.testimonial .bx-wrapper{margin: 0 0 60px;}
.testimonial .bx-wrapper .bx-controls-direction a{bottom: auto; top: 40%;}
.testimonial .bx-wrapper .bx-prev {left: 0px;}
.testimonial .bx-wrapper .bx-next {right: 0px;}
.testimonial .container::before{width: 76px; height: 40px; background-size: cover;}

.course-highlights h2{width: 100%;}
.course-highlights .container{display: flex; flex-wrap: wrap;}
.course-highlights .left, .course-highlights .right{width: 100%;}
.course-highlights .left{order:2}
.course-highlights .right{order:1; padding: 0}

.industry-growth ul li{text-align: center; border-right:none}
.industry-growth ul li h4{text-align: center}
.industry-growth ul li img{margin: 0 auto 20px}
.industry-growth .bx-wrapper{margin: 0 auto; width: 420px; display: block}
.industry-growth .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.industry-growth .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.industry-growth .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

footer .footer1 .col-md-3{margin-bottom: 20px;}

.mobile{display: block !important;}
.desktop{display: none !important;}

.our-courses ul li:hover .text p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.job-roles .col-md-3{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.job-roles .col-md-3.none{display: none}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#menu-toggle{display: block; float: right; padding: 28px 12px;}
.navbar-brand{width: 100px;}
.navbar-brand img{width: 100%}
.navbar-header{width: 100%;}

.home-ban{min-height: auto;padding: 50px 0;}
.home-ban .ban-text{width: 100%; padding: 0 15px; position: relative; top: auto; left: auto; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); display: inline-block}
.home-ban .ban-text .left{margin: 0 0 30px; padding: 40px 20px}
.home-ban .ban-text .left h2 {font-size: 20px; line-height: 26px;}
.home-ban .ban-text .left::before{width: 100%;}
.home-ban .ban-text .left, .home-ban .ban-text .right{width: 100%;}
.home-ban .ban-text .right h2{font-size: 12px; background-size: 100% 100%;}
.home-ban .bx-wrapper{margin: 0 auto; width: 290px;}
.home-ban .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.home-ban .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.home-ban .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

#content .row-am {padding: 40px 0;}
h2{font-size: 24px; line-height: 26px;}
.lead{padding: 0}

.successful .text span.one{font-size: 24px; line-height: 23px;}
.successful .text span.two{font-size: 40px; line-height: 34px;}
.successful .text span.three{font-size: 35px; line-height: 34px;}
.successful .text span.fourth{font-size: 60px; line-height: 40px;}
.successful h3 {font-size: 18px; line-height: 20px;}

.usp .bx-wrapper{margin: 0 auto; width: 290px; display: block}
.usp .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.usp .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.usp .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

.our-courses ul li{width: 100%; margin: 0 0 20px;}

.how-join .btn-group{display: block}
.how-join .white-btn{width: 100%; margin: 8px 0}

.our-center ul li{margin: 0}
.our-center .bx-wrapper{margin: 0 auto; width: 290px; display: block}
.our-center .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.our-center .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.our-center .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

.testimonial .left, .testimonial .right{width: 100%;}
.testimonial .left img{width: 140px;}
.testimonial .right{text-align: center; font-size: 20px; line-height: 31px;}
.testimonial .right img{margin: 0 auto}
.testimonial .bx-wrapper{margin: 0 0 60px;}
.testimonial .bx-wrapper .bx-controls-direction a{bottom: auto; top: 40%;}
.testimonial .bx-wrapper .bx-prev {left: 0px;}
.testimonial .bx-wrapper .bx-next {right: 0px;}
.testimonial .container::before{width: 76px; height: 40px; background-size: cover;}

.course-highlights h2{width: 100%;}
.course-highlights .container{display: flex; flex-wrap: wrap;}
.course-highlights .left, .course-highlights .right{width: 100%;}
.course-highlights .left{order:2}
.course-highlights .right{order:1; padding: 0}

.industry-growth ul li{text-align: center; border-right:none}
.industry-growth ul li h4{text-align: center}
.industry-growth ul li img{margin: 0 auto 20px}
.industry-growth .bx-wrapper{margin: 0 auto; width: 290px; display: block}
.industry-growth .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.industry-growth .bx-wrapper .bx-prev {left: -20px;  background: url('../images/pre.png') no-repeat;}
.industry-growth .bx-wrapper .bx-next {right: -20px; background: url('../images/next.png') no-repeat;}

footer .footer1 .col-md-3{margin-bottom: 20px;}

.mobile{display: block !important;}
.desktop{display: none !important;}

.our-courses ul li:hover .text p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.job-roles .col-md-3{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.job-roles .col-md-3.none{display: none}
.job-roles a{font-size: 13px;}
}