@media only screen and (min-width: 992px) and (max-width: 1199px) {
*{}
section {
    padding: 80px 0;
}

.navbar-default .navbar-nav > li > a{ font-size:12px;}




.sliderContent {
    margin: auto;
    width: 600px;
    z-index: 999;
    bottom: 11%;
    text-align: left;
    background: #4174d6;
    padding: 30px;
    color: #fff;
    float: left;
    bottom: -102px;
    position: relative;
}

#mainSlider .owl-dots{ bottom:0;}
 

}

@media only screen and (max-width: 991px) {
*{}
.navbar-default .navbar-nav > li > a{ padding:11px 20px;}
.navbar-header {
    float: left;
    width: 100%;
    text-align: center;
}

.sliderContent{ width:100%; padding:20px; bottom:-80px;} 
.sliderContent h1{ font-size:28px;}
small.slidersmall-h{ font-size:28px;}

#mainSlider .owl-dots{bottom: -40px !important;}

.navbar-header{ text-align:center; float:none;}
.navbar-brand{ float:none;} 

.navbar-default .navbar-nav > li > a {
    color: #333333;
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px !important;
}
.navbar-right{ padding:12px 0;}

h2 {

    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
    color: #2b282b;

}


.course-list {

    float: left;
    width: 100%;
    border: solid 1px #cccccc;
    margin-bottom: 16px;

}

.first-section {
    padding-top: 110px;
    padding-bottom: 40px;
}


.introdaction-discripation {
    padding: 32px 0 30px 0;
    float: left;
    width: 100%;
}


.full-heightimg {
    float: left;
    width: 100%;
}

.subscrive h4 {
    color: #333;
    line-height: 1;
    font-size: 22px; margin-bottom:10px;
}
small.subs-small {
    font-size: 14px;
    color: #333;
    line-height: 1;
}




.banner {
    line-height: 0;
    width: 50%;
    float: left;
    outline: none;
}

.need-help {
    width: 50%;
    border: none;
    margin: 0;
    outline: none;
    float: left;
    background: #4174d6;
    padding: 16px 24px;
    color: #fff;
}

.banner img {
    width: 100%;
    height: 224px;
}

.top-menu li a{ padding:0px 10px;}


.contaceus {
    background: #4174d6;
    padding: 35px;
    color: #fff;
    margin-bottom: 24px;
}

.formtext input{ margin-bottom:16px; }

.gallery-box{ height:auto;}


.hoverdrp:hover ul.hoverdrp-con {
    opacity: 1;
    position: absolute;
    width: 200px;
    color: #fff;
    top: 32px;
    height: auto;
    overflow: visible;
    margin-left: 0px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    z-index: 99;
}







}




@media only screen and (max-width: 767px) {

.title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 2px solid #ddd;
    display: inline-block;
    padding: 18px;
    border-bottom: 2px solid #ddd;
}

section {
    padding: 50px 0;
}
.navbar-brand > img {
    display: block;
    margin: 0;
}
.navbar-brand{ width:auto;}

.navbar-header{ float:none;}
.navbar-nav > li {
    float: none;
    display: block;
    vertical-align: middle;
}

#bs-example-navbar-collapse-1{ margin-top:20px;}

ul.nav.navbar-nav.navbar-right {  width:100%;
    margin-top: 0;
    padding: 16px; margin-bottom:0;
}

.navbar-default .navbar-nav > li > a {
    padding: 10px;
}
.view-all-button{ text-align:left;}

.logo img{ width:auto;}

.text-box-subs input {
    background: none;
    border: solid 1px #c7c7c7;
    border-radius: 0;
    height: 50px;
    color: #333;
    font-size: 14px;
    outline: none;
    padding: 16px 18px;
}


.text-box-subs .white-btn{ top:13px;}

.sliderContent{ display:none;}

.navbar-header {
    text-align: left !important;
    padding-bottom: 16px;
}

#bs-example-navbar-collapse-1 {
    margin-top: 0px; padding-top:0!important;
}

.navbar{ padding-bottom:0;}

#mainSlider .owl-dots{ bottom:0!important;}
.first-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.list-colum {
    padding: 24px 0;
}

.view-all-button{ padding-top:24px;}
.top-menu{ display:none;}

.box-icon li {
    float: left;
    width: 100%;
    padding: 15px;
}
.student-pic{ text-align:center;}

.student-pic img {
    width: 80%;
    margin: auto; text-align:center;
}

.full-s {
    position: relative;
    float: left;
    width: 100%;
    height: 500px;
}

.haff-heightimg {
    float: left;
    width: 100%;
}
.overlay{ padding: 20px;}

.haff-heightimg .full-s,.full-s{height: 300px;}
.banner{ display:none;}

.need-help{ float:left;  width:100%;}

.sectiontitle {
    font-size: 18px;
    position: relative;
    padding-bottom: 32px;
}

.sectiontitle::after {
    content: "";
    background: #333;
    height: 2px;
    width: 70px;
    display: block;
    position: absolute;
    top: 32px;
}

.table.table-bordered {
    max-width: 767px;
    overflow: scroll;
}


}

@media only screen and (max-width: 480px) {

.navbar-toggle{ margin-right:0; margin-top:0;} 

.btn-rounded.btn-primary.btn.btn-shadow {
    right: 70px;
    font-size: 12px;
    padding: 6px 12px; top:0;
}
.navbar-header{ margin-left:0!important;}


.navbar-brand img {
    width:100%;
}

.navbar-header{ padding-left:0px;}

nav.navbar.navbar-default{ padding:15px 0 0 0;}


.first-section{ padding:24px 0;}
h2{ font-size:20px;}


.socil-icon a i {
    font-size: 24px;
    color: #fff;
}

.coppyright {
    font-size: 9px;
}


.top-button-header {
    text-align: center;
}
.coppyright-down {

    background: #000;
    padding: 5px 0 0 0;
    color: #fff;
    min-height: auto;

}

section{ padding:30px 0;}

footer.footer{ padding:40px 0;}






}