/*-=Medium screens=-*/
    @media only screen and (min-width: 40.063em) {
        /* TOP BAR STYLING */
        .top-bar { background: transparent; }
        .top-bar .title-area{ display: none; }
        .top-bar-section ul { background: transparent; }
        .top-bar-section ul li { background: transparent; }
        .top-bar-section li:not(.has-form) a:not(.button) {
            color: #fff;
            background: transparent;
            font-family: 'Orbitron', sans-serif;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 83px;
            padding: 0 25px;
            transition: background .3s ease-in-out;
        }
        .top-bar-section li.current_page_item:not(.has-form) a:not(.button){
            background: #5891DB;
        }
        .top-bar-section li:not(.has-form) a:not(.button):hover {
            color: #fff;
            background: #5891DB;
        }
        .top-bar-section li.current-menu-item > a:not(.button) {
            color: #fff;
            background: transparent;
        }
        .top-bar-section .has-dropdown > a { padding: 0 15px !important; }
        .top-bar-section .has-dropdown > a:after { display: none; }

        /* Dropdown Styling*/
        .top-bar-section ul li:hover:not(.has-form) > a {
            background: green;
            color: black;
        }
        .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
            color: white;
            background: olive;
        }
        .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
            color: grey;
            background: bisque;
        }
        .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a { background: blue; }
        .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a {
            color: white;
            text-decoration: underline;
            background: red;
        }
        /* Align Menu to the right
            .top-bar-section { float:right; } */
        /* Align Menu to the center
            .top-bar-section { float:none; text-align: center; }
            .top-bar-section ul{display: inline-block;} */

        /*Modal form styles*/
        #modal-login-form .form-wrapper { min-width: 400px; }

    }  /* min-width 641px */

    
    @media only screen and (min-width: 1904px) { 
        body.custom-background{
            background-size: 100%;
        }
    }

/*-=Large screens=-*/
    @media only screen and (min-width: 64.063em) { 

    } /* min-width 1025px, large screens */

    @media only screen and (max-width: 1320px) { 
        .subscr-row .content-wrapper{
            bottom: 20px;
        }
        .subscr-row .content-wrapper h2{
            font-size: 34px;
            margin-bottom: 20px;
        }
    } /* min-width 1320px, large screens */

    @media only screen and (max-width: 1140px) { 
        .subscr-row .content-wrapper{
            bottom: 5px;
        }
        .slider-btn{
            padding: 0 25px;
        }
        #home-slider .slider-caption span.amount-line .slide-amount{
            font-size: 64px;
        }
        #home-slider .slider-caption span.amount-line .slide-amount-text{
            top: -15px;
        }
        .slider-caption h3{
            font-size: 30px;
        }

    } /* min-width 1320px, large screens */

    @media only screen  and (max-width: 64em) { 

        .slider-btn.small{
            font-size: 28px;
            line-height: 52px;
            padding: 0 35px;
        }
        .auth-block{
            padding-top: 20px;
        }
        .auth-block a{
            font-size: 20px;
        }
        .top-bar-section li:not(.has-form) a:not(.button){
            font-size: 12px;
            line-height: 64px;
            padding: 0 15px;
        }
        .slider-btn{
            font-size: 24px;
            line-height: 54px;
            border: 3px solid #fff;
        }
        .slider-caption h3 {
            font-size: 24px;
        }
        #home-slider .slider-caption span.amount-line{
            padding-left: 35px;
        }
        #home-slider .slider-caption span.amount-line .slide-amount{
            font-size: 52px !important;
            line-height: 56px;
        }
        #home-slider .slider-caption span.amount-line .slide-amount-text {
            top: -11px ;
        }
        #home-slider .slider-caption{
            padding: 40px 20px 0;
        }
        .galleries-row h5{
            font-size: 16px;
            line-height: 20px;
        }
        h1{
            font-size: 34px;
        }
        .sidebar .filter-header{
            font-size: 20px;
        }
        .woocommerce div.product .woocommerce-tabs ul.tabs li{
            font-size: 14px;
            padding: 0px 25px;
        }
        .galleries-row h3{
            font-size: 18px;
        }
        .gal-item.blocked span:before{
            font-size: 24px;
            width: 60%;
        }

    } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


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

        .subscr-row .content-wrapper h2{
            font-size: 24px;
            margin-bottom: 10px;
        }
        .slider-btn.small {
            font-size: 20px;
            line-height: 42px;
            padding: 0px 25px;
        }
        .subscr-row .content-wrapper {
            bottom: 20px;
        }
        /*.gal-item.blocked span:after{
            background-size: 20%;
        }*/
    }

    @media only screen and (max-width: 800px) { 
        .subscr-row .content-wrapper h2{
            font-size: 24px;
            margin-bottom: 0px;
        }
        .subscr-row .content-wrapper {
            bottom: 5px;
        }
        .galleries-row h5{
            line-height: 20px;
        }
        .galleries-row h5 a{
            font-size: 16px;
        }
        .gal-item.blocked span:before{
            font-size: 20px;
            width: 65%;
        }
    }

    @media only screen and (max-width: 715px) { 
        .subscr-row .content-wrapper h2{
            font-size: 18px;
            margin-bottom: 0px;
        }
        .subscr-row .content-wrapper {
            bottom: 0px;
        }
    }
    @media only screen and (max-width: 40em) {
        /* TOP BAR Mobile STYLING */
        .top-bar { background: transparent; /* change background color if you need */ }
        .top-bar.expanded{
            padding-bottom: 15px;
        }
        .top-bar.expanded .title-area{
            background: transparent;
        }
        .top-bar-section ul li > a{
            color: white; /* change color of text if you need */
            font-size: 13px;
            background: #2F4B71; /* change background color if you need */
            line-height: 40px !important;
        }
        .top-bar-section ul li:hover > a{ background: #335686 !important; /* change background color if you need */ }
        
        .row.subscr-row img{
            display: none;
        }
        .subscr-row .content-wrapper{
            position: relative;
            bottom: inherit;
            left: inherit;
        }
        .row.subscr-row > .columns{
            margin: 0;
            padding: 20px 0;
        }
        .auth-block{
            text-align: center; 
        }
        .slider-btn{
            font-size: 20px !important;
            line-height: 42px !important;
        }
        #home-slider .slider-caption p{
            text-align: center;
            margin-bottom: 10px;
        }
        #home-slider .slider-caption span.amount-line{
            padding: 0 !important;
            text-align: center; 
        }
        #home-slider .slider-caption span.amount-line:last-of-type{
            margin-bottom: 5px;
        }
        #home-slider .slider-caption span.amount-line .slide-amount{
            font-size: 42px !important;
            line-height: 42px !important;
        }
        #home-slider .slider-caption span.amount-line .slide-amount-text{
            top: -8px;
        }
        h2{
            font-size: 34px !important;
        }
        .home h3{
            font-size: 22px;
        }
        .content-btn{
            font-size: 18px;
            line-height: 40px;
            border: 2px solid #fff;
            padding: 0 20px;
        }
        .cat-row-bg .cat-item img{
            width: 100%;
        }
        h1{
            font-size: 30px;
        }
        h1{
            font-size: 28px;
        }
        .content-filter li a{
            font-size: 10px;
            line-height: 34px;
            padding: 0 10px;
        }
        p{
            font-size: 18px;
            font-weight: 400;
        }
        .woocommerce div.product .woocommerce-tabs .panel{
            padding: 0;
        }
        .entry-summary p{
            font-size: 14px !important;
            margin-bottom: 10px;
        }
        .woocommerce div.product form.cart label,
        .woocommerce div.product p.cart label{
            font-size: 18px !important;
            line-height: 36px;
        }
        .woocommerce div.product form.cart input.input-text,
        .woocommerce div.product p.cart input.input-text{
            max-width: 130px;
        }
        .single-product h1{
            font-size: 24px;
        }
        .woocommerce div.product form.cart .button{
            font-size: 14px;
        }
        .woocommerce div.product form.cart .button:hover{
            font-size: 15px;
        }
        .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
        .woocommerce div.product .woocommerce-tabs ul.tabs li,
        .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
        .woocommerce-page div.product .woocommerce-tabs ul.tabs li{
            width: 100%;
        }
        .related.products h2{
            font-size: 20px !important;
        }
        .woocommerce table.shop_table td { padding: 5px 0; }
        .row.fullwith-row { padding: 30px 0; }
        .gal-item.blocked span:after{
            background-size: inherit;
        }
        .gal-item.blocked span:before{
            font-size: 38px;
            width: 67%;
        }
    } /* max-width 640px and lower. Use this for mobiles only */

    @media only screen and (max-width: 538px) { 
		.gal-item.blocked:hover .video-gal-item span:after {
			background-position: 20% center;
		}
	}