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

.caption_caffee { 
    font-size: 18px;
}
}

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

    #megaMenu ul.megaMenu li.menu-item > a span, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator span{

        font-size:18px;

    }

    .cube_item{

        margin-right:1%;

    }

    .recommended h3, #sidebar h3.widget_title{

        font-size:24px;

    }

.caption_caffee { 
    font-size: 15px;
	
    padding-top: 11%;
	line-height:20px;
}
}





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

    #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator{

        padding-right:10px;

        padding-left:10px;

    }

}

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

    .red_titles span ,.red_titles h1{

        line-height:normal;

        font-size:30px;

    }

    .red_titles{

        line-height:49px;

    }

    .footer-size-2 .widget_nav_menu{

        width:100% !important;

        clear:both;

    }

    .footer4 > div,

    .footer-widget{

        width:100% !important;

        clear:both;

        min-height:0 !important;

        padding:0;

        border:0 !important;

        text-align:center;

    }

    .cube_item{

        width:100% !important;

        clear:both;

        margin-bottom:20px;

        text-align:center;

        max-width:270px;

        margin: 20px 2% !important;

    }

    #megaMenu #megaMenuToggle {

        display: block;

        font-weight: bold !important;

        font-size: 30px;

        text-align: center;

        width: 100%;

    }

    #main_menu{

        width:80%;

    }

    #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator{

        text-align:right;

    }

.caption_caffee { 
    font-size: 14px;
}
}

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

    .cube_item{

        margin:20px auto !important;

        display:block;

    }

    #megaMenu #megaMenuToggle{

        font-size:20px;

        text-align:center;

    }

    .logo{

        text-align:center;

    }

    .top_header{

        text-align:left;

        margin-bottom:10px;

    }

    #main_menu{

        float:none;

    }

    body.fixed_header #header{

        position:relative !important;

    }

    body.fixed_header .logo{

        height:auto;

    }



}

@media only screen and (max-width: 800px){
	.caption_caffee { 
	line-height:inherit;
    font-size: 23px; 
    padding-top: 21%;
}
	
}