.respnav{display: none;}


@media(max-width:992px){
    header nav ul li a{padding:6px 14px;}
    .banner .item{padding:95px;}
    .banner .item h1{font-size: 43px;}
    .feature{margin-top:-100px;}
}

@media(max-width:768px){
.topbar .btn-top {
    margin: 8px auto 0 !important;
    float: unset;
}
.videoBoxContainer
{
    margin-bottom: 20px;
}
.respnav {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    font-size: 27px;
    color: #0183e0;
    /* border: 2px solid #0092fb; */
    padding: 4px 12px;
    cursor: pointer;
    transition: 0.5s;
    background-color: white;
    border-radius: 10px;
}
.respnav:hover {
    background-color:  #4eb5ff;
    color: #fff;
}
	.topbar .left-topbar a:nth-child(1){border-right:none; padding:0px;}
.main {
    position: absolute;
    left: 0;
    right: 0;
    width: 84%;
    background: black;
    margin: 0 auto;
    top: 114px;
    padding: 0;
    z-index: 999;
}
	.main ul{}
	.main ul li{display:block; margin-bottom:2px;}
	.main ul li.active a, .main ul li a:hover{background:#0092fb!important; width:100%;}
	.main ul li a{color:#fff!important; background:none!important; text-align:left; border-radius:0!important; padding:10px 18px;}	
	header nav{display:none; float:left; width:100%;}
	header nav ul{display:block; width:100%;}
	.feature{margin-top:-90px;}
	.banner .item h1{padding-right:15%;}
	.banner .item{padding:75px 50px;}
	.feature .container{max-width:625px;}
	footer h6{margin-top:15px;}
	.testimonial{padding:50px 0px;}
	.testimonial h2{margin-bottom: 35px;}
	.subscribe .left h3{font-size: 23px;}
	.subscribe .container{padding:50px;}
	.testimonial .shadow .side{text-align:center;}
	.testimonial .shadow .side img{margin:0 auto;}
}

@media(max-width:576px){
	p{font-size:13px;}
	.video p{margin-bottom:50px !important;}
	.video .right{margin-top:70px;}
	.about .about-right a{padding:10px 15px; font-size:13px;}
	.video .play-btn{left:140px; font-size:20px; width:45px; height:45px; line-height:45px;}
	h5{font-size:16px;}
	.video h2{font-size:25px;}
	header .logo {width: 80px;}
	/* .respnav {
    top: -72px;
    right: -18px;} */

     .main{top:94px;}
     .feature .shadow{margin-bottom:20px;}
     /*.respnav{position:absolute; top:-75px; right:0; display:block; font-size:30px; color:#a2246e; border:3px solid #a3246e; padding:0px 15px; cursor:pointer; border-radius:10px;}*/
     footer h6{margin-bottom:8px;}
     footer{padding-top:90px;}
     footer .copyright{margin-top:15px;}
     footer .copyright .social ul{float:left;}
     .testimonial h2{margin-bottom:30px; font-size:26px;}
     .testimonial{padding:40px 0px 30px 0px;}
     .testimonial .shadow .side{text-align:center;}
     .testimonial .shadow .side img{margin:0 auto;}
     .banner .item{padding:30px 40px;}
     .about h2{font-size:26px;}
     .feature{margin-top: 0px;}
     .banner .item h1{font-size:28px;}
}

@media(max-width:360px){
	.topbar .left-topbar a:nth-child(1){border-right:none; padding:10px 0px;}
	.banner .item h1{font-size:22px; padding-right:5%;}
	.video p{margin-bottom:50px !important;}
	.respnav{top:-70px; font-size:27px; cursor:pointer;}
	.testimonial h2{margin-bottom:20px; font-size:25px;}
    .testimonial{padding:50px 0px 30px 0px;}
    .subscribe .container{padding:10px 30px;}
    .testimonial .shadow .comment p{font-size:14px; padding:5px; text-align:justify;}
    .testimonial .shadow .side p.stud-name{font-size:12px; margin-bottom:0px;}
    .testimonial .shadow .side p.star{font-size:12px;}
    .testimonial .shadow .side p.stud-role{margin-bottom:0px;}
    .subscribe .left h3{font-size:22px;}
    footer{padding-top:90px;}
    .subscribe .right .input-group input[type="text"]{padding:15px;}
    footer .copyright{margin-top:20px;}
    footer .copyright ul{float:left !important;}
    .about h2{font-size:25px;}
}


@media(max-width:320px){
    .topbar .left-topbar a{margin-right:2px !important;}
    header .logoTitle{display: none;}
    .respnav{font-size:24px;}
    .banner .item h1{font-size:16px; margin-bottom:20px;}
    .banner .item a{padding:5px 10px;}
    .feature{padding:20px 0px !important;}
    .about h2{font-size:20px;}
    .learn h2{font-size:20px;}
    .learn p{font-size:12px;}
    .learn a{font-size:10px; padding:7px 10px;}
    .testimonial h2{font-size:20px;}
    .testimonial .shadow .comment p{font-size:12px; padding:15px 5px;}
    .testimonial .shadow .side p.stud-name{font-size:11px;}
    .testimonial .shadow .side p.stud-role{font-size:10px;}
    .subscribe .left h3{font-size:20px;}
    footer ul li a{font-size:12px;}
    footer p{font-size:12px;}
}