/* ----------------------------------

Name:responsive.css

---------------------------------- */


@media (max-width:1580px) {
}

@media (max-width:1557px) {
}

@media (max-width:1199px) {

}
@media (max-width:1320px) {
	
}

@media (max-width:1024px) {

}

@media (max-width:991px) {

}

@media (max-width:792px) {
	
}

@media (max-width:770px) {
}

@media (max-width:772px) {
}

@media (max-width:768px) {
  
 
}

@media (max-width:767px) {

}

@media (max-width:633px) {

}
@media (max-width:523px) {
	
}

@media (max-width:480px) {

    .contact-media{
    display: none;
}
    .main{
    min-height: 200px;
}

    .bg-white{
    background-color: #fff;
}

    .collapsed{
    border: 1px solid #fff;
}
    .toplink-section {
    height: 100%;
    padding-left: 20px;
}
    .toplink-inner-one{
    height: 100%;    
}

    .navbar-toggle-margin{
    margin-top: 8px;
}

    .toplink-inner-two{
    height: 100%;
    background-color: #0f1e5a;
    font-size: 13px;    
}
    .menu-item1{
    padding: 5px 15px 6px 15px !important;
    color: #fff;
}
    .submenuitem2 a:hover{
    background-color: #fff !important;
    color: #0f1e5a;
}

    .main-content{
    border: none;   
}

    .distributer {
    border: none;
}

    .footer-above{
    display: none;
}	
}

@media (max-width:430px) {
	
}

@media (max-width:320px) {

}

@media (max-width:360px) {

}

@media (max-width:375px) {
	

}
/* ==========================================================================
Work Popup
========================================================================== */
@media screen and (max-width:60em) {
}

@media screen and (max-width:35em) {
}

@media screen and (max-width:24em) {
}
/* ==========================================================================
Scroll
========================================================================== */
@-webkit-keyframes iconFloat {
}
@-moz-keyframes iconFloat {
}
@-o-keyframes iconFloat {
}
@keyframes iconFloat {
}

/* ==========================================================================
Lodear - 01
========================================================================== */
@-webkit-keyframes loader-stripe-animation {
 0% {
-webkit-transform: none;
transform: none;
}
 100% {
-webkit-transform: translate(-32px, 0);
transform: translate(-32px, 0);
}
}
@-moz-keyframes loader-stripe-animation {
 0% {

-moz-transform: none;
transform: none;
}
 100% {
-moz-transform: translate(-32px, 0);
transform: translate(-32px, 0);
}
}
@-o-keyframes loader-stripe-animation {
 0% {
-o-transform: none;
transform: none;
}
 100% {
-o-transform: translate(-32px, 0);
transform: translate(-32px, 0);
}
}
@-ms-keyframes loader-stripe-animation {
 0% {
-ms-transform: none;
transform: none;
}
 100% {
-ms-transform: translate(-32px, 0);
transform: translate(-32px, 0);
}
}
@keyframes loader-stripe-animation {
 0% {
transform: none;
transform: none;
}
 100% {
transform: translate(-32px, 0);
transform: translate(-32px, 0);
}
}

/* ==========================================================================
Lodear - 02
========================================================================== */

/*@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

}*/

/* ==================================================================
    Coming Soon
================================================================== */

@media screen and (min-width:1250px) and (max-width:1400px) {

 
}

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

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

}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
}

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

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

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

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

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

@media screen and (max-height:31.125em) {
}

/* ==========================================================================
    Only iPad CSS
========================================================================== */

@media only screen and (device-width: 1024px) {
}

@media only screen and (device-width: 768px) {
}