@media (min-width: 992px) and (max-width: 1199px) {


}

@media (max-width:767.98px) {
	.logo {
    position: relative;
    top: -33px;
    z-index: 99;
}

header:after{background-color: transparent; }

	.top-slider-img {
        height: 221px;
    background-image: url(../images/top-img.jpg);
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.top-btn {background-color: #0093dd;}
.top-btn a {color: #fff;}
.carousel-item {
    height: 13.8rem;
   
.carousel-caption {
    top: 0;
    z-index: 10;
}
.carousel-caption h2 {
    margin-bottom: 15px;
    font-size: 18px;
}
.carousel-caption h4 {    font-size: 16px; }
}
@media screen (min-width:768px) {
 
}

@media only screen (min-width:992px) {


}
@media (max-width:1199.98px) {  /*125% ke liye hai */

   .core-menu li a {
       padding: 19px 16px 6px 15px; 
       text-align: left;
    }
   .top-bar-angle {
    margin-top: 12px;
    float: right;
    margin-bottom: 22px;
}
}
@media (min-width: 1200px){ 
  .top-bar-angle:before {     right:12% !important; } 
 
}
@media screen and (min-width: 320px) and (max-width: 480px){
    marquee {
    margin-left: 41%;
    list-style: none;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    height: 50px;
    white-space: normal;
}
     .element{display: none;}
    .top{display: none;}
	.logo {
        position: absolute;
    top: 0;
    z-index: 0;
    width: 105px;
}
  .carousel-item {
    height: 10rem;
   
    background-size: contain;
}
.carousel-caption {
    top: 0;
    z-index: 10;
    font-size: 16px;
}
.carousel-caption h2 {
    margin-bottom: 5px;
    font-size: 16px;
}
.carousel-caption h4 {
    margin-bottom: 5px;
    font-size: 13px;
}
.top-slider-img {
        height: 160px;
    background-image: url(../images/top-img.jpg);
    overflow: hidden;
  background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
}
     .top-head span{
        float: right;
       margin-right: -16px;
    }
    .top_line{
       padding-top: 5px; 
    }
header:after{background-color: transparent; }
}
@media (max-width:375px) {
    marquee {
    margin-left: 41%;
    list-style: none;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    height: 50px;
    white-space: normal;
}
    .element{display: none;}
    .top{display: none;}
	header:after{background-color: transparent; }
	.logo {
     position: absolute;
    top: -23px;
    z-index: 99;
    width: 92px;
    left: 1px;
}
	.carousel-item {
        height: 8.8rem;
   
    background-size: contain;
}
	.top-slider-img {
    height: 141px;
    background-image: url(../images/top-img.jpg);
    overflow: hidden;
     background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
}
}
    
    @media screen and (max-width:480px){
        .updwan{
           float: left!important;   
        }
        .updwan span{
            position: relative;
            top: 22px;
        }
        .carousel-item > img{
            height: auto!important;
        }
    }