div.inner-container
{
    max-width:950px;
    margin: 0 auto;
    text-align: center;
}

div#intro-text
{
    margin-bottom:40px;
}

div#square-banners
{
    width: 50%;
    float: left;
}

div#side-banners
{
    width:50%;
    float:right;
}
.bottom-banner-wrapper,
.carousel-wrapper{

    max-width: 1000px;margin: 20px auto;
}
@media  (min-width: 768px) and (-webkit-max-device-pixel-ratio:1.24), 
        (min-width: 992px) and (-webkit-min-device-pixel-ratio:1.25),

        (min-width: 768px) and (max-device-pixel-ratio:1.24), 
        (min-width: 992px) and (min-device-pixel-ratio:1.25),

        (min-width: 768px) and (max-resolution:1.24dppx),
        (min-width: 992px) and (min-resolution:1.25dppx),

        (min-width: 768px) and (max-resolution: 119dpi),
        (min-width: 992px) and (min-resolution: 120dpi)
{
    div#square-banners
    {
        width: 80%;
    }

    div#side-banners
    {
        width:20%;
    }
}
@media  (max-width: 767px) and (-webkit-max-device-pixel-ratio:1.24), 
        (max-width: 991px) and (-webkit-min-device-pixel-ratio:1.25),

        (max-width: 767px) and (max-device-pixel-ratio:1.24), 
        (max-width: 991px) and (min-device-pixel-ratio:1.25),

        (max-width: 767px) and (max-resolution:1.24dppx),
        (max-width: 991px) and (min-resolution:1.25dppx),

        (max-width: 767px) and (max-resolution: 119dpi),
        (max-width: 991px) and (min-resolution: 120dpi) {
    div#square-banners,div#side-banners {
    width: 100%;
    margin-bottom: 15px;
   
}
    div#intro-text {
    margin-bottom: 10px;
}
    div#intro-text p:nth-child(2) {
   margin-bottom: 0;
}
    p {
    margin: 0 0 10px;
    font-size: 11px;
    line-height: 18px;
}
    .owl-controls{
        display: none !important;
    }
   .carousel-wrapper {
  
    margin: 10px auto;
}
    .bottom-banner-wrapper{
        margin: 0;
    }
    a.square-banner {
   
    max-width: 25% !important; 
}
  .side-banner{
            max-width: 33.33333333% !important;
    float: left !important;
    }
}
a.square-banner
{
    margin-bottom: 10px;
    display: block;
    max-width: 180px;
    float: left;
}

a.square-banner img
{
    float: left;
}


a.side-banner
{
    margin-bottom: 10px;
    display: block;
    max-width: 180px;
    float:right;
}