@media only screen and (max-width: 1279px) {
    .courses .left h2, .courses .right h2 {font-size: 18px;}
    .courses ul li {font-size: 16px;}
    .whyconnect .left h2, .whyconnect .right h3, .bod h2, .testimonials h2, .latestProduction h2 {font-size: 24px;}
    .whyconnect .left p {font-size: 16px; line-height: 24px;}
    .bod ul li .name {font-size: 14px;}
    .testimonials .slider ul li .pic {width: 200px;}
    .testimonials .slider ul li .testimony {width: calc(100% - 200px - 8px - 20px); font-size: 14px; line-height: 20px;}
    .container {width: 84%;}
    footer .tseries, footer .gk {width: 160px;}
    footer .tseries img, footer .gk img {width: 160px;}
    .video iframe {height: 480px;}
}
@media only screen and (max-width: 979px) {
    header .logo {width: 264px;}
    header .socon .contact {font-size: 14px; width: 276px; padding: 20px 2%;}
    header .socon .socialMedia {margin: 30px 12px 0 0;}
    .courses .left, .courses .right, .whyconnect .left, .whyconnect .right {padding: 32px;}
    .courses ul {padding-left: 20px;}
    .bod, .testimonials {padding: 32px 0; }
    .testimonials h2 {padding-bottom: 80px; background-size: auto 60px;}
    .video iframe {height: 380px;}
}
@media only screen and (max-width: 767px) {
    header .socon {width: 100%;}
    header .socon .socialMedia {position: absolute; top: 26px; right: 20px; z-index: 1; margin: 0;}
    header .socon .contact {width: 100%;}
    .hsec {display: block;}
    .courses .left, .courses .right, .whyconnect .left, .whyconnect .right {display: block; width: 100%;}
    footer {padding: 32px 0 64px;}
    footer .gksocial .gk {width: 100%;}
    footer .gksocial .socialMedia {display: block; width: 100%; text-align: center; margin: 10px 0 0;}
    .call_wa {display: table;}
}
@media only screen and (max-width: 679px) {
    .courses .left h2, .courses .right h2 {font-size: 16px;}
    .courses ul li {font-size: 14px;}
    .whyconnect .left h2, .whyconnect .right h3, .bod h2, .testimonials h2, .latestProduction h2 {font-size: 20px;}
    .whyconnect .left p {font-size: 14px; line-height: 20px;}
    .testimonials .slider ul li .pic {width: 100%; text-align: center;}
    .testimonials .slider ul li .pic img {max-width: 180px;}
    .testimonials .slider ul li .testimony {width: 100%;}
    .video iframe {height: 300px;}
}
@media only screen and (max-width: 579px) {
    header .socon .socialMedia ul li a {width: 24px; height: 24px;}
    header .socon .socialMedia ul li a.ig, header .socon .socialMedia ul li a.fb, header .socon .socialMedia ul li a.tw {background-size: 100% 100%;}
    .video iframe {height: 240px;}
}