/* Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1930px)
{
    .parallax
    {
        background-size: cover;
    }
}

@media only screen and (min-width: 1200px)
{
    .container
    {
        width: 1200px;
    }
}

@media only screen and (min-width: 992px)
{
    .roll-spacer.hide-on-desktop
    {
        height: 0 !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    .post-masonry.col4 .post
    {
        width: 33.333%;
    }

    .widget_opening_hours .dh
    {
        padding: 0 10px;
    }
    #so-slideshow .owl2-dots
    {
        display: none;
    }
}

@media only screen and (max-width: 1199px)
{
    .product-option .cart-button
    {
        display: block;
    }

    .product-option .cart-button a
    {
        margin: 20px 0 0;
    }

    .product-share
    {
        margin-top: 40px;
    }

    .product-share ul
    {
        margin: 10px 0 0;
    }

    .roll-clients.style2 .owl-controls .owl-buttons div.owl-next
    {
        right: -20px;
        background-color: transparent;
        color: #0facee;
    }

    .roll-clients.style2 .owl-controls .owl-buttons div.owl-prev
    {
        left: -20px;
        background-color: transparent;
        color: #0facee;
    }
    #so-slideshow .owl2-dots
    {
        display: none !important;
    }
}
@media only screen and (max-width: 1024px)
{
    .elite1 a
    {
        font-size: 15px;
    }
    .elite a
    {
        font-size: 15px;
    }
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px)
{
    h1.w300, h2.w300, h3.w300, h4.w300, h5.w300, h6.w300{  font-size:30px !important}
    .roll-section.testimonials{ background-color:none; background-image:none !important}
    .main-header .logo a img
    {
        width: 60px;
        padding-top:10px;
    }
    .info
    {
        height: 10px;
    }
    .reaching
    {
        font-size: 28px;
    }
    /* .email1
        {
            color: Black;
        }*/
    .email2
    {
        /* color: Black;*/
        line-height: 20px !important;
    }
    .elite1
    {
        margin-bottom: 30px;
    }
    /* .get-touch-area .single-item .text-holder p
        {
            color: Black;
        }*/
    .get-touch-area .single-item
    {
        margin-top: 20px;
    }
    .roll-contact-box .info
    {
        top: 10%;
    }
    .gallery-button
    {
        text-align: center;
    }
    /*.get-touch-area .single-item .text-holder .border
        {
            background-color: Black;
        }*/


    .btn-menu
    {
        display: block;
    }

    #main-nav, .top .information
    {
        display: none;
    }

    .site-header.center .logo
    {
        float: left;
    }

    .site-header.center #main-nav
    {
        float: right;
        text-align: center;
    }

    .site-header.center .logo a
    {
        margin-top: 29px;
    }

    .top .language
    {
        float: left;
    }

    .page-title.style2
    {
        padding: 60px 0;
    }

    .page-title.style2 h1
    {
        font-size: 35px;
        margin-bottom: 5px;
    }

    .page-title.style2 .breadcrumbs
    {
        text-align: left;
    }

    .roll-news .post-sumary .thumb
    {
        width: 150px;
    }

    .roll-phone-form .input-wrap.phone input
    {
        font-size: 22px;
    }

    .roll-contact-box .phone
    {
        font-size: 60px;
        line-height: 65px;
    }

    .main-content.single-doctor .dr-content
    {
        float: right;
        width: 58.375%;
        margin-left: 10%;
    }

    .main-content.single-gallery .gallery-desc
    {
        width: 37%;
        margin-left: 3%;
    }

    .main-content.single-gallery .gallery-img
    {
        width: 60%;
    }

    /* Blog */
    .main-content .content, .main-content .sidebar, .main-content.sidebar-left .content, .main-content.sidebar-left .sidebar, .main-content.sidebar-right.type-grid .content, .main-content.sidebar-left.type-grid .content
    {
        width: 100%;
        float: none;
        margin: 0;
        margin-top:30px;
    }

    .main-content.sidebar-left .sidebar, .main-content.sidebar-right .sidebar, .main-content.sidebar-left.type-grid .sidebar, .main-content.sidebar-right.type-grid .sidebar
    {
        margin: 50px 0 0;
    }

    .footer-widgets .widget
    {
        margin-bottom: 55px;
    }

    .footer-widgets .widget.widget_instagram
    {
        margin-bottom: 0;
    }

    .main-content .sidebar .widget:last-child
    {
        margin-bottom: 0;
    }

    .post-masonry.col4 .post
    {
        width: 33.333%;
    }

    .product-listing .product
    {
        margin-bottom: 50px;
    }

    .departments-list
    {
        margin-bottom: 50px;
    }

    .timetable th, .timetable td
    {
        padding: 5px 5px 10px 10px;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px)
{
    .roll-spacer.h60, .roll-spacer.h65, .roll-spacer.h70, .roll-spacer.h75, .roll-spacer.h80, .roll-spacer.h85, .roll-spacer.h90, .roll-spacer.h95, .roll-spacer.h100
    {
        height: 50px;
    }

    .roll-section, .roll-section.about-page, .roll-section.doctors-page, .main-content.single-doctor, .main-content.single-gallery, .main-content, .main-content.has-heading, .footer
    {
        padding: 50px 0;
    }

    .page-title.style2
    {
        padding: 50px 0;
    }

    .page-title.style2 h1
    {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .roll-button, .post .more-link a
    {
        padding: 11px 55px;
    }

    .roll-opening-hours
    {
        padding: 50px 0 55px;
    }

    .roll-news .post-sumary
    {
        width: 100%;
    }

    .roll-news .post-sumary .thumb
    {
        width: 180px;
    }

    .roll-news .post-sumary .content
    {
        overflow: hidden;
    }

    .roll-news .post-sumary .meta
    {
        margin-bottom: 4px;
    }

    .roll-news .post-sumary p
    {
        margin-bottom: 22px;
    }

    .roll-news.style2 .post-sumary
    {
        width: 100%;
        margin-bottom: 30px;
    }

    .roll-news.style2 .post-sumary .thumb img
    {
        width: 100%;
        height: auto;
    }

    .roll-phone-form .input-wrap.phone
    {
        width: 100%;
        margin-right: 0;
    }

    .roll-phone-form .send-wrap
    {
        width: 100%;
        float: left;
    }

    .roll-contact-box .phone
    {
        font-size: 38px;
        line-height: 46px;
        margin: 0 0 4px;
    }

    .roll-contact-box .email, .roll-contact-box .address
    {
        font-size: 14px;
        line-height: 24px;
    }

    .dr-contact .thumb
    {
        margin-bottom: 45px;
    }

    .roll-tabs .menu-tab li
    {
        width: 100%;
        margin-bottom: 1px;
    }

    .roll-tabs .content-tab
    {
        margin-top: 0;
    }

    .roll-doctor .thumb img
    {
        width: 100%;
    }

    .main-content.single-doctor .dr-contact, .main-content.single-doctor .dr-content
    {
        width: 100%;
        margin: 0;
        float: none;
    }

    .main-content.single-doctor .dr-content
    {
        margin-top: 40px;
    }

    .dr-content .position
    {
        margin-bottom: 20px;
    }

    .dr-contact .thumb img
    {
        width: 100%;
    }

    .inner-page .header-wrap
    {
        height: 120px;
    }

    .page-heading
    {
        margin-bottom: 50px;
    }

    .main-content.single-gallery .gallery-desc, .main-content.single-gallery .gallery-img
    {
        width: 100%;
        float: none;
        margin: 0;
    }

    .main-content.single-gallery .gallery-slider
    {
        margin-bottom: 30px;
    }

    .post
    {
        margin-bottom: 50px;
    }

    .post-masonry .post, .post-masonry.col4 .post
    {
        width: 50%;
    }

    .blog-grid .more-post
    {
        margin-top: 30px;
    }

    .widget
    {
        margin-top: 40px;
    }

    .footer-widgets .widget
    {
        margin-bottom: 40px;
    }

    .widget-title
    {
        margin-bottom: 20px;
    }

    .widget_instagram ul
    {
        padding: 12px 0 0;
    }

    .widget_tag_cloud .tagcloud
    {
        margin-top: 35px;
    }

    .comment-respond .name-container, .comment-respond .email-container, .comment-respond .message-container
    {
        width: 100%;
        float: none;
        margin: 0;
    }

    .product-listing
    {
        margin: 0 -15px;
    }

    .product-listing.list
    {
        margin: 0;
    }

    .product-listing .product
    {
        width: 50%;
    }

    .product-listing.list .product .item-image
    {
        max-width: 150px;
    }

    .product-listing .item-image img
    {
        width: 100%;
    }

    .product-listing.list .price
    {
        position: static;
        margin-top: 4px;
    }

    .product-listing.list .product .price del
    {
        padding-left: 0;
    }

    .product-detail h1
    {
        position: static;
        margin: 0 0 10px;
    }

    .product-detail .star-ratings
    {
        margin-bottom: 25px;
    }

    .shop-description
    {
        margin-top: 50px;
    }

    .shop-list-button a.clear-btn, .shop-list-button .update-btn
    {
        display: none;
    }

    .shop-cart-coupon, .shop-shipping, .shop-cart-total
    {
        margin-top: 40px;
    }

    .departments-list .tabs .menu-tab
    {
        margin-bottom: 30px;
    }

    .departments-list .tabs .menu-tab li
    {
        padding: 0 10px;
    }

    .departments-list .tabs .menu-tab li a
    {
        padding: 20px 0;
        font-size: 14px;
    }

    .departments-list .item-list li
    {
        width: 100%;
        float: none;
        margin: 0;
        line-height: 44px;
    }

    .departments-list .doctors-list .dr-thumb
    {
        float: none;
        margin: 0 0 30px;
    }

    .departments-list .doctors-list .dr-info .title
    {
        width: 100%;
        float: none;
    }

    .departments-list .doctors-list > li
    {
        margin-top: 30px;
    }

    .departments-list .doctors-list .dr-info .detail li.detail-links span
    {
        display: block;
        margin: 0;
    }

    .departments-nav
    {
        float: none;
    }

    .timetable
    {
        display: none;
    }

    .timetable.small
    {
        display: block;
    }
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px)
{
    .roll-spacer.h30, .roll-spacer.h35, .roll-spacer.h40
    {
        height: 20px;
    }

    .roll-spacer.h60, .roll-spacer.h65, .roll-spacer.h70, .roll-spacer.h75, .roll-spacer.h80, .roll-spacer.h85, .roll-spacer.h90, .roll-spacer.h95, .roll-spacer.h100
    {
        height: 30px;
    }

    .roll-section, .roll-section.about-page, .roll-section.doctors-page, .main-content.single-doctor, .main-content.single-gallery, .main-content, .main-content.has-heading, .footer
    {
        padding: 40px 0;
    }

    .main-header .logo a
    {
        margin-top: 20px;
    }

    .btn-menu
    {
        margin: 30px 0;
    }

    .one-page .main-header
    {
        padding: 0;
    }

    .site-header.scrolled .btn-menu
    {
        margin: 16px 0;
    }

    .nav-top-cart-wrapper .nav-shop-cart
    {
        width: 250px;
    }

    .page-title.style2
    {
        padding: 35px 0;
    }

    .roll-news .post-sumary .thumb
    {
        width: 100px;
    }

    .roll-opening-hours .dh
    {
        padding: 0 30px;
    }

    .roll-contact-box .phone
    {
        font-size: 24px;
        line-height: 30px;
        margin: 0;
    }

    .roll-contact-box .email
    {
        display: block;
    }

    .roll-contact-form .form-left, .roll-contact-form .form-right
    {
        width: 100%;
        float: none;
        margin: 0;
    }

    #gallery-v1-filter .cbp-filter-it;em
    {
        height: 40px;
        line-height: 40px;
    }

    .widget, .page-heading
    {
        margin-bottom: 30px;
    }

    .post .post-title
    {
        font-size: 20px;
        line-height: 28px;
    }

    .post .post-meta
    {
        margin-bottom: 18px;
    }

    .post .more-link
    {
        margin-top: 34px;
    }

    .post-masonry .post, .post-masonry.col4 .post, .main-content.sidebar-left.type-grid .post, .main-content.sidebar-right.type-grid .post
    {
        width: 100%;
    }

    .blog-grid .more-post
    {
        margin-top: 0;
    }

    .pagination
    {
        margin-top: 0;
    }

    .pagination .page-numbers
    {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .pagination .page-numbers.next, .pagination .page-numbers.prev
    {
        display: none;
    }

    .single-post .post-author .socials li
    {
        margin-left: 3px;
    }

    .single-post .post-author .socials li a
    {
        width: 45px;
        height: 45px;
        line-height: 43px;
    }

    .comment_wrap .gravatar
    {
        width: 50px;
        margin-right: 20px;
    }

    .comments-area .comment-list ul.children
    {
        margin-left: 70px;
    }

    .product-listing .product
    {
        width: 100%;
    }

    .product-listing.list .product .item-image
    {
        max-width: 100px;
    }

    .product-listing.list .product-btn li
    {
        margin-bottom: 2px;
    }

    .shop-detail .product-image, .shop-detail .product-detail
    {
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }

    .shop-detail .product-image img
    {
        width: 100%;
    }

    .product-share span
    {
        display: block;
    }

    .footer
    {
        padding: 30px 0;
    }

    .bottom.has-socials
    {
        padding: 50px 0 30px;
    }

    .bottom .socials
    {
        top: -72px;
    }
    .bottom .socials li a
    {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .bottom .socials li
    {
        margin-left: 3px;
    }
    #so-slideshow .owl2-dots
    {
        display: none !important;
    }
}

/* Small Mobile Size */
@media (max-width: 320px)
{
    .roll-spacer.h60, .roll-spacer.h65, .roll-spacer.h70, .roll-spacer.h75, .roll-spacer.h80, .roll-spacer.h85, .roll-spacer.h90, .roll-spacer.h95, .roll-spacer.h100
    {
        height: 20px;
    }

    .roll-section
    {
        padding: 30px 0;
    }

    .roll-opening-hours .dh
    {
        padding: 0 20px;
    }

    .roll-news .post-sumary .thumb
    {
        width: 70px;
        margin-right: 20px;
    }

    .comment_wrap .gravatar
    {
        float: none;
        margin: 0 0 12px;
    }

    .single-post .post-author .avatar
    {
        float: none;
        margin: 0 0 15px;
    }

    .comments-area .comment-list ul.children
    {
        margin-left: 40px;
    }

    .comments-area ol.comment-list > .comment
    {
        padding-top: 30px;
        margin-top: 30px;
    }

    .comments-area
    {
        margin-top: 60px;
    }

    .comment-respond
    {
        margin-top: 35px;
    }

    .comment-respond .comment-form
    {
        padding-top: 5px;
    }

    .product-listing.list .product .item-image
    {
        float: none;
        margin: 0 0 20px;
        max-width: 150px;
    }
}

/* Retina Devices */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -moz-min-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx)
{
    .nav-top-cart-wrapper .nav-cart-trigger:after
    {
    }

    .view-mode ul li.grid a
    {
    }

    .view-mode ul li.list a
    {
    }
}
