@media only screen and (min-width:768px) and (max-width:1199px) {
img{max-width:100%; height:auto;}
.container{ max-width:98%!important; width:98%!important;}
#cssmenu > ul > li > a{ font-size:11px; line-height:18px; padding:0px 2px; }
#cssmenu.align-center > ul > li{margin:0px 4px;}
	.topsection01 .logosec .logosecm{ width:80px; height:80px;}
	.topsection01 .logosec .logosecm{ bottom:-43px!important;}

 .banner-section .full-img-text h1{ font-size:30px; line-height:42px; margin-bottom:0px;}	
 .banner-section .full-img-text h2{ font-size:25px!important; line-height:40px; margin-bottom:2px;}
 .banner-section .full-img-text p{ font-size:14px; line-height:20px;}
 .banner-section .full-img-text h6 a.seebtn{ font-size:12px!important; line-height:22px!important; padding:3px 17px!important;}
 .homesec01 .titlesec h2{ font-size:30px; line-height:42px;}
 .coffee-culture-section-right .textsec h2{ font-size:27px; line-height:44px;}
 .homesection03 .homesection03box{ width:19%;}
 .homesection03 .homesection03box .textsec h4{ font-size:11px; line-height:17px;}
 .homelocation-section{ padding-top:25px; padding-bottom:25px; background-size:center center; background-position:center center;}
 .homelocation-section-main .titlesec h2{ font-size:29px; line-height:32px;}
 .homeservicesbox-main01 .homeservicesbox-main01-left{ width:100%; float:none; margin:0px auto 10px auto;}
 .homeservicesbox-main01 .homeservicesbox-main01-right{ width:100%; float:none; margin:0px auto 10px auto;}
 .drink-section-bottom01 .imagesec{ margin-top:0px;}
	
 .homelocation-section-main01 .swiper-button-next02{ right:0px!important;}
 .homelocation-section-main01 .swiper-button-prev02{left:0px!important;}
	
 .testmonials-section .swiper-button-prev{ left:0px!important;}
 .testmonials-section .swiper-button-next{ right:0px!important;}
	
	/*==================04.08.2026====================*/
.innerbanner-text h1{ font-size:30px!important; line-height:35px!important;}
.innerbanner-text h1 span{font-size:36px!important; line-height:30px!important;}
.contact-section-top01 .textsec{ padding:0px;}
.contact-section-top01 h3{ font-size:22px; line-height:35px;}
.contact-section-top02box{ margin:0px auto 25px auto;}
.contact-section-top02box h4{ font-size:21px; line-height:26px;}
.contact-section-middle{ padding-top:30px; padding-bottom:30px;}
.contactformsection{ width:100%;}
	
.drink-section-top02 .textsec{ padding-top:10px!important;}
.drink-section-bottom02 .textsec{ padding-top:10px!important;}
	
.ngg-galleryoverview{ margin-top:20px!important; margin-bottom:20px!important;}
.phonesec{ padding-top:0px!important;}	
.phonesec a{ font-size:12px; margin-right:1px!important;}
.phonesec img{ width:13px!important;}	
	.topsection03-main{ padding-top:0px;}
	.coffee-culturebox .coffee-cultureboxtext h4{ font-size:16px;}
	.homesection03{ padding-top:30px; padding-bottom:30px;}
	.homesection02box .textsec p{ font-size:14px; line-height:19px;}
	.homesection02box .textsec h3{ font-size:15px; line-height:27px;}
	.coffee-culture-section{ padding-top:60px;}
	.homeservicesbox-main01 .homeservicesbox-main01-left h3{ font-size:15px; line-height:26px;}
	.homeservicesbox-main01 .homeservicesbox-main01-left h5{ font-size:16px; line-height:20px;}
	.drink-section-top02 .textsec h2{ font-size:24px; line-height:42px;}
	.drink-section{ padding-top:35px; padding-bottom:35px;}
	.drink-section-bottom02 .textsec p{ font-size:15px; line-height:23px; text-align:justify;}
	.testmonials-section{ padding-top:30px; padding-bottom:30px;}
	.testmonials-section .titlesec h2{ font-size:28px; line-height:32px;}
	.footer-section-top h3{ font-size:14px; line-height:24px; margin-bottom:10px; letter-spacing:1px;}
	.footer-section{ padding-top:30px;}
	.footer-section-bottom{ padding-top:10px;}
	.coffee-culturebox .imgsec{ width:60px; top:15px;}
	.coffee-culturebox{ padding:20px 0px 0px 67px;}
	.coffee-culturebox .coffee-cultureboxtext p{ font-size:15px; line-height:22px;}
	
	.ourlocation-section{ padding-top:30px; padding-bottom:30px;}
	.ourlocation-section h2{ font-size:25px; line-height:30px;}
	.ourlocation-section h4{ font-size:16px; line-height:22px;}
	
	/*============innercss start==============*/
	.inner-section h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
	.inner-section h3{ font-size:25px; line-height:37px; margin-bottom:20px;}
	.inner-section h4{ font-size:20px; line-height:30px; margin-bottom:20px;}
	.inner-section p{ text-align:justify;}
	.inner-section img.alignleft{ width:100%; float:none; margin:0px auto 20px auto!important;}
	.inner-section img.alignright{ width:100%; float:none; margin:0px auto 20px auto!important;}
	.footer-section-top01 .footerlogo{ padding-top:20px;}
	
.coffee-culture-section-right .textsec p{ font-size:15px; line-height:23px;}
.homeservicesbox-main01 .homeservicesbox-main01-left h3{ font-size:15px; line-height:30px; padding-top:12px!important;}
	
	
}




@media only screen and (min-width:480px) and (max-width:767px) {
img{max-width:100%; height:auto;}
.container{ max-width:98%!important; width:98%!important;}
	.banner-section .full-img-text h1{ font-size:26px; line-height:38px; margin-bottom:0px;}
	.banner-section .full-img-text h2{ font-size:15px!important; line-height:20px; margin-bottom:2px;}
	.banner-section .full-img-text p{ display:none;}
	.banner-section .full-img-text h6 a.seebtn{ font-size:12px!important; line-height:22px!important; padding:3px 17px!important;}
	.topsection01 .logosec .logosecm{ width:100px; height:100px; position:static;}
	.topsection03-main ul li{ width:25px; margin:2px;}
	.topsection{ padding-bottom:20px;}
	.homesec01{ padding-top:20px; padding-bottom:20px;}
	.homesec01 .titlesec h2{ font-size:20px; line-height:34px;}
	.homesec01 .titlesec h4{ font-size:20px; line-height:24px;}
	.homesec01 .titlesec p{ font-size:16px; line-height:24px; padding:0px 15px;}
	.homesection02box{ margin:0px auto 20px auto;}
	.coffee-culture-section{ padding-top:20px; padding-bottom:20px;}
	.coffee-culture-section-right .textsec h3{ font-size:20px;}
	.coffee-culture-section-right .textsec h2{ font-size:23px; line-height:32px;}
	.coffee-culture-section-right .textsec p{ font-size:16px; line-height:23px; text-align:justify;}
	.coffee-culturebox .imgsec{ width:70px;}
	.coffee-culturebox{ padding:0px 0px 0px 80px;}
	.coffee-culturebox .coffee-cultureboxtext h4{ font-size:20px; line-height:32px;}
	.homesection03 .homesection03box{ background:none; margin:0px auto 15px auto;}
	
	.homelocation-section{ padding-top:30px; padding-bottom:30px; background-position:center center;}
	.homelocation-section-main .titlesec h2{ font-size:24px; line-height:42px;}
	.homeservicesbox-main01 .homeservicesbox-main01-left{ width:100%; float:none; margin:0px auto;}
    .homeservicesbox-main01 .homeservicesbox-main01-right{ width:100%; float:none; margin:15px auto 0px auto;}
	.homelocation-section-main01 .swiper-button-next02{ right:0px!important;}
    .homelocation-section-main01 .swiper-button-prev02{left:0px!important;}
	
	.drink-section{ padding-top:20px; padding-bottom:20px;}
	.drink-section-top .drink-section-top01 .imagesec{ width:94%; float:none; margin:0px auto 15px auto;}
	.drink-section-top02 .textsec{ padding-top:20px; padding-bottom:20px;}
	.drink-section-top02 .textsec h2{ font-size:20px; line-height:34px;}
	.drink-section-top02 .textsec h5{ font-size:20px;}
	.drink-section-top02 .textsec ul li{ margin:4px;}
	
	.drink-section-bottom01 .imagesec{ margin-top:0px;}
	.drink-section-bottom02 .textsec{ width:100%; padding-top:20px;}
	
	.testmonials-section{ padding-top:30px; padding-bottom:30px;}
	.testmonials-section .titlesec h2{ font-size:24px; line-height:32px;}
	.testmonials-section .swiper-button-prev{ left:0px!important;}
	.testmonials-section .swiper-button-next{ right:0px!important;}
	
	.footer-section{ padding-top:25px; padding-bottom:25px;}
	.footer-section-top01{ margin-bottom:20px;}
	.footer-section-top02{ margin-bottom:20px;}
	.footer-section-top03{ margin-bottom:20px;}
	.footer-section-top04{ margin-bottom:20px;}
	
	/*==================04.08.2026====================*/
	.innerbanner-text h1{ font-size:16px!important; line-height:22px!important;}
	.innerbanner-text h1 span{font-size:26px!important; line-height:22px!important;}
	.contact-section-top01 .textsec{ padding:0px;}
	.contact-section-top01 h3{ font-size:22px; line-height:35px;}
	.contact-section-top02box{ margin:0px auto 25px auto; width:100%;}
	.contact-section-top02box h4{ font-size:21px; line-height:26px;}
	.contact-section-middle{ padding-top:30px; padding-bottom:30px;}
	.contactformsection{ width:100%;}
	
	/*=============coffee-culture-lerwick=============*/
	.ourlocation-section{ padding-top:30px; padding-bottom:30px; margin:0px;}
	.ourlocation-section h2{ font-size:25px!important; line-height:32px!important;}
	.ourlocation-section p{ text-align:justify;}
	.ourlocation-section h4{ font-size:18px!important; line-height:38px!important;}
	
	/*============innercss start==============*/
	.inner-section h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
	.inner-section h3{ font-size:25px; line-height:37px; margin-bottom:20px;}
	.inner-section h4{ font-size:20px; line-height:30px; margin-bottom:20px;}
	.inner-section p{ text-align:justify;}
	.inner-section img.alignleft{ width:100%; float:none; margin:0px auto 20px auto!important;}
	.inner-section img.alignright{ width:100%; float:none; margin:0px auto 20px auto!important;}

      


}



@media only screen and (min-width:320px) and (max-width:479px){
img{max-width:100%; height:auto;}
.container{ max-width:98%!important; width:98%!important;}
	.banner-section .full-img-text h1{ font-size:16px; line-height:25px; margin-bottom:0px;}
	.banner-section .full-img-text h2{ font-size:15px!important; line-height:20px; margin-bottom:2px;}
	.banner-section .full-img-text p{ display:none;}
	.banner-section .full-img-text h6 a.seebtn{ font-size:12px!important; line-height:22px!important; padding:3px 17px!important;}
	.topsection01 .logosec .logosecm{ width:100px; height:100px; position:static;}
	.topsection03-main ul li{ width:25px; margin:2px;}
	.topsection{ padding-bottom:20px;}
	.homesec01{ padding-top:20px; padding-bottom:20px;}
	.homesec01 .titlesec h2{ font-size:20px; line-height:34px;}
	.homesec01 .titlesec h4{ font-size:20px; line-height:24px;}
	.homesec01 .titlesec p{ font-size:16px; line-height:24px; padding:0px 15px;}
	.homesection02box{ margin:0px auto 20px auto;}
	.coffee-culture-section{ padding-top:20px; padding-bottom:20px;}
	.coffee-culture-section-right .textsec h3{ font-size:20px;}
	.coffee-culture-section-right .textsec h2{ font-size:23px; line-height:32px;}
	.coffee-culture-section-right .textsec p{ font-size:16px; line-height:23px; text-align:justify;}
	.coffee-culturebox .imgsec{ width:70px;}
	.coffee-culturebox{ padding:0px 0px 0px 80px;}
	.coffee-culturebox .coffee-cultureboxtext h4{ font-size:16px; line-height:32px;}
	.homesection03 .homesection03box{ background:none; margin:0px auto 15px auto;}
	
	.homelocation-section{ padding-top:30px; padding-bottom:30px; background-position:center center;}
	.homelocation-section-main .titlesec h2{ font-size:24px; line-height:42px;}
	.homeservicesbox-main01 .homeservicesbox-main01-left{ width:100%; float:none; margin:0px auto;}
    .homeservicesbox-main01 .homeservicesbox-main01-right{ width:100%; float:none; margin:15px auto 0px auto;}
	.homelocation-section-main01 .swiper-button-next02{ right:0px!important;}
    .homelocation-section-main01 .swiper-button-prev02{left:0px!important;}
	
	.drink-section{ padding-top:20px; padding-bottom:20px;}
	.drink-section-top .drink-section-top01 .imagesec{ width:94%; float:none; margin:0px auto 15px auto;}
	.drink-section-top02 .textsec{ padding-top:20px; padding-bottom:20px;}
	.drink-section-top02 .textsec h2{ font-size:20px; line-height:34px;}
	.drink-section-top02 .textsec h5{ font-size:20px;}
	.drink-section-top02 .textsec ul li{ margin:4px;}
	
	.drink-section-bottom01 .imagesec{ margin-top:0px;}
	.drink-section-bottom02 .textsec{ width:100%; padding-top:20px;}
	
	.testmonials-section{ padding-top:30px; padding-bottom:30px;}
	.testmonials-section .titlesec h2{ font-size:24px; line-height:32px;}
	.testmonials-section .swiper-button-prev{ left:0px!important;}
	.testmonials-section .swiper-button-next{ right:0px!important;}
	
	.footer-section{ padding-top:25px; padding-bottom:25px;}
	.footer-section-top01{ margin-bottom:20px;}
	.footer-section-top02{ margin-bottom:20px;}
	.footer-section-top03{ margin-bottom:20px;}
	.footer-section-top04{ margin-bottom:20px;}
	
	/*==================04.08.2026====================*/
	.innerbanner-text h1{ font-size:16px!important; line-height:22px!important;}
	.innerbanner-text h1 span{font-size:26px!important; line-height:22px!important;}
	.contact-section-top01 .textsec{ padding:0px;}
	.contact-section-top01 h3{ font-size:22px; line-height:35px;}
	.contact-section-top02box{ margin:0px auto 25px auto;}
	.contact-section-top02box h4{ font-size:21px; line-height:26px;}
	.contact-section-middle{ padding-top:30px; padding-bottom:30px;}
	.contactformsection{ width:100%;}
	
    /*=============coffee-culture-lerwick=============*/
	.ourlocation-section{ padding-top:30px; padding-bottom:30px; margin:0px;}
	.ourlocation-section h2{ font-size:21px!important; line-height:25px!important;}
	.ourlocation-section p{ text-align:justify;}
	.ourlocation-section h4{ font-size:18px!important; line-height:38px!important;}
	
	/*============innercss start==============*/
	.inner-section h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
	.inner-section h3{ font-size:25px; line-height:37px; margin-bottom:20px;}
	.inner-section h4{ font-size:20px; line-height:30px; margin-bottom:20px;}
	.inner-section p{ text-align:justify;}
	.inner-section img.alignleft{ width:100%; float:none; margin:0px auto 20px auto!important;}
	.inner-section img.alignright{ width:100%; float:none; margin:0px auto 20px auto!important;}
	
	.ourlocation-section h4{ font-size:17px!important; line-height:32px!important;}
	.ourlocation-section-bottomsection h2{ font-size:25px;}

}