/*
*
* Site: Zacks
* Site URI: http://zacks.com/
*
* Subject: jQuery for all carousel of all Mobiles, Tablets
* OS versions: Android, IOS, Windows
*
* @author: Pushpak Koyal (pushpak.koyal@zacksindia.com)
*
* Version: 1.0
* Date: 10/29/2018
*
* @copyright (c) 2010 - 2018 Zacks Investment Research
* @license Internal Use only. No License granted.
*
*/

.full_width_carousel #slider_wrapper {
    border-top: 0;
    padding-top: 0;
    position: relative;
}

.full_width_carousel .swiper-button-next, .full_width_carousel .swiper-button-prev, .full_width_carousel .swiper-button-next1, .full_width_carousel .swiper-button-prev1{
    position: absolute;
    top: -5px;
    background: #fafafa;
    padding-bottom: 65px;
    padding-top: 65px;
}

/* media query */
@media screen and (max-width:414px) and (orientation: portrait){
    .full_width_carousel .swiper-wrapper .swiper-slide article header a img {
        width: 92% !important;
        height: auto !important;
        max-width: 92%;
        max-height: 160px;
        margin-right: 0;
    }

    .full_width_carousel .swiper-button-next, .full_width_carousel .swiper-button-prev, .full_width_carousel .swiper-button-next1, .full_width_carousel .swiper-button-prev1{
        padding-top: 60px !important;
    }

}

@media screen and (min-width:415px) and (max-width:1023px) {
    .full_width_carousel .swiper-wrapper .swiper-slide article header a img {
        width: 100%!important;
        height: 80px !important;
        max-width: none;
        max-height: 100px;
        margin-right: 0;
    }
}

@media screen and (max-width: 1023px){
    #slider_wrapper .swiper-container .swiper-slide  article .desktop_view{
        display: none;
    }
}

@media screen and (min-width: 1024px){
    #slider_wrapper .swiper-container .swiper-slide  article .desktop_view{
        display: block;
    }

    #slider_wrapper .swiper-container .swiper-slide  article .mobile_view{
        display: none;
    }

    .full_width_carousel .swiper-wrapper .swiper-slide article header a img {
        width: 114px !important;
        height: 85px !important;
        max-width: 114px;
        max-height: 85px;
    }
}