/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .mresponsive {
        width: 100% !important;
        height: 100% !important;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 444px) {
    .mresponsive {
        width: 100% !important;
        height: 100% !important;
    }

    .display-responsive {
        display: none !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
    .mresponsive {
        width: 100% !important;
        height: 100% !important;
    }

    .display-responsive {
        display: none !important;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}

.headcarsol .owl-prev {
    display: none !important;
}

.headcarsol .owl-next {
    display: none !important;
}

.headcarsol img {
    height: 110px;
}

.Bg-gold-color {
    background: #fab218 !important;
}

.img_size {
    width: 110px !important;
    height: 70px !important;
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.30));
}

.border_css {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.border_2px {
    border: 2px solid #337ab7;
}

.border_css_1px {
    border: 1px solid #0960ab;
    width: 100% !important;
    height: 90px !important;
    transition: 0.2s ease-in-out;
}

.item_bg {
    
    width:400px;
    height: 100px;
    -webkit-animation: fadeInAnimation ease 3s;
    -moz-animation: fadeInAnimation ease 3s;
}

@keyframes fadeInAnimation {
    0% {
        background:url('../img/Header-Slider/Header-Slider 1.png');
        
    }

    20% {
        background:url('../img/Header-Slider/Header-Slider 2.png');
       
    }

    40% {
        background:url('../img/Header-Slider/Header-Slider 3.png');
        
    }

    60% {
        background:url('../img/Header-Slider/Header-Slider 4.png');
       
    }

    80% {
        background:url('../img/Header-Slider/Header-Slider 5.png');
       
    }

    100% {
        background:url('../img/Header-Slider/Header-Slider 6.png');
        
    }
}

@media(max-width:600px) {
    .border_css_1px {
        margin: 0 auto !important;
        width: 90% !important;
        height: 90% !important;
        margin-top: 10px !important;
    }
}

.border_css_1px:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.37);
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.marquee-responsive {
    position: absolute;
    display: inline;
    right: 0px;
    border-radius: 0px !Important;
    width: 90px;
}

.marquee-responsive1 {
    position: absolute;
    display: inline;
    left: 0px;
    border-radius: 0px !Important;
    z-index: 999 !important;
    width: 90px;
}

@media(max-width:600px) {
    .marquee-responsive {
        position: absolute;
        display: inline;
        right: 0px;
        border-radius: 0px !Important;
        width: 90px;
    }

    .display-responsive {
        display: none !important;
    }

    .mresponsive {
        width: 100% !important;
        height: 100% !important;
    }

    .display-responsive1 {
        margin: 0 auto !important;
    }
}

.color-blue {
    color: #0563ad !important;
}

.img-border {
    border: 2px solid #0960ab !important;
}

.ws_playpause {
    display: none !important;
}

.color-orange {
    color: #f16604 !important;
}

.color-mblack {
    color: #000 !important;
}