/* Desktop small 1025 to 1200px resolution */
@media screen and (min-width: 1025px) and (max-width: 1200px) {
	/* homepage welcome about block */
	.center-col.d-block.d-lg-none.order-1{
		display: none !important;
	}
	.title.wow.fadeInRight.d-none.d-lg-block{
		display: block !important;
	}
}

/* Smartphones (portrait) ----------- */
/* Homepage starts */

@media only screen and (max-device-width : 1024px) and (orientation : portrait) {

    /*.welcom_block_wrapper .welcome-grid .center-col .welcome-photo {
        height: 360px;
    }*/

    .about-block {
    	grid-gap: 20px;
    	grid-template-columns: auto;
    	margin: 0px 20px;
    	padding: 20px 5%;
    }

    .about-block .left-col .about-bg {
    	width: auto;
	}

	.about-block .right-col .content {
    	padding: 30px 10%;
    	margin-bottom: 5%;
	}

    .about-block .left-col {
    	height: 46vh;
    	padding: 5%;
    	display: flex;
    	flex-direction: column-reverse;
    }

    .title, .title.section-title, .about-block .right-col .title, .restaurant-title .title, div#gallery-section .title  {
    	font-size: 1.9rem;
    	line-height: 1;
		text-align: left;
	}

	.about-block .right-col {
    	margin-left: 0;
	}

	.welcome-about-block {
    	display: contents;
    	/*grid-template-columns: auto;*/
    }

    .welcome-about-block .right-col .title {
	    font-size: 2.8125em;
	    line-height: 1;
	}
	.welcome-about-block .right-col .title img{
		max-width: 160px;
	}
	.welcome-about-block .left-col .about-bg {
    	height: 35vh;
		margin-top: 115px;
	}

	.welcome-about-block .right-col p {
	    font-size: 1.25rem;
	    margin-top: 10%
	}

	.welcome-about-block .right-col .book-now {
    	padding: 5% 10% 5%;
    	margin-top: 10%
	}

	.home-accommodation-block .acco-grid {
    	display: grid;
    	grid-template-columns: auto;
    }

    .index-services-block .services-grid {
	    display: grid;
	    grid-template-columns: auto;
	    grid-gap: 1em;
	}
	.index-services-block .services-grid .single-service .title-box .title{
		text-align: center;
	}
	.index-services-block .services-grid .single-service .title-box .title{
		font-size: 1.7rem;
	}
	.index-services-block .services-grid .single-service .title-box .subTitle{
		font-size: 1.3rem;
	}

	
	/* Homepage ends */

	/* *Accommodation Starts */
		.inner-header {
			height: 30vh;
			margin-top: 115px;
		}
		.accommodation-room-block{
			margin-top: 0;
			margin-bottom: 0;
		}
		.accommodation-content-block{
			margin: 20% 0;
		}
		.inner-header .header-content {
			max-width: 90%;
		}

		.inner-header .header-content .title {
			font-size: 1.35rem;
		}
		.inner-header .header-content p{
			font-size: 1.2rem;
		}
		.inner-header .header-content {
			min-height: 75px;
		}
		.accommodation-content-block{
			height: 100%;
		}
		.accommodation-content-block .content-grid{
			top: 0;
		}
		.accommodation-room-block .room-grid .left-col{
			margin-bottom: 0;
		}
		.accommodation-content-block .content-grid .title{
			text-align: center;
			font-size: 1.7rem;
			margin-bottom: 25px;
			padding: 0 15px;
		}
		.accommodation-content-block .content-grid .text{
			padding: 0 15px;
		}
		.accommodation-content-block{
			padding: 30px 0;
			margin-bottom: 0;
		}
		.accommodation-room-block .room-grid .right-col .room-title .title{
			font-size: 1.35rem !important;
			text-align: right;
		}
		.accommodation-room-block .room-grid .right-col .room-title .person{
			font-size: 1.3rem;
		}
		.accommodation-room-block .room-grid, .accommodation-room-block.reverse .room-grid{
			grid-template-columns: auto;
			grid-gap: 0;
		}
		.accommodation-room-block.reverse .room-grid .left-col{
			order: 1;
		}
		.accommodation-room-block.reverse .room-grid .right-col{
			order: 2;
		}
		.accommodation-room-block .room-grid .left-col .acco-room-photo{
			height: 50vh;
		}
		.accommodation-room-block .room-grid .right-col .room-facilities{
			grid-template-columns: repeat(3, 1fr);
		}
		.accommodation-room-block .room-grid .right-col .room-title{
			margin: 0 auto;
			top: 15px;
			padding: 15px;
			max-width: 80%;
			width: 100%;
			position: absolute;
		}
		.accommodation-room-block .room-grid .right-col .gallery-div a{
			font-size: 1rem !important;
			min-width: 130px;
			padding: 15px 0;
		}
		.accommodation-room-block .room-grid .right-col .gallery-div{
			height: 85px;
			background-color: #f5f3ea;
			padding: 15px;
		}
		.accommodation-room-block:after, .accommodation-room-block:before, .accommodation-room-block:after, .accommodation-room-block:before{
			display: none;
		}
		.accommodation-room-block .room-grid .right-col .room-facilities .facilities img{
			max-width: 30px;
		}
	/* *Accommodation END */



	/* *Restaurant Inner Start */
	.inner-header .header-content{
		max-width: 90% !important;
	}
	.restaurant-welcome-wraper .right-col {
		padding: 20px 20px 0 20px;
	}
	.restaurant-welcome-wraper .right-col .welcome-photo{
		background-position: center;
	}
	.restaurant-welcome-wraper{
		grid-template-columns: auto;
	}
	.restaurant-welcome-wraper:before{
		width: 100%;
	}
	.restaurant-welcome-wraper .left-col{
		padding: 30px 15px;
	}
	.restaurant-welcome-wraper .right-col .welcome-photo{
		top: 0;
	}
	.restaurant-welcome-wraper .left-col{
		order: 2;
	}
	.activities-text-block.custom-mt-80{
		margin-top: 30px;
	}
	.activities-text-block{
		padding: 15px;
	}
	.activities-text-block .title{
		padding: 15px 5px;
		margin-bottom: 15px;
	}
	.restaurant-title{
		margin-top: 60px;
	}
	.restaurant-title .title, div#gallery-section .title{
		text-align: center;
	}
	/* *Restaurant Inner Start END */


	/* *Gallery inner Start */
	div#gallery-section, #elpida_contact{
		margin-top: 160px !important;
	}
	.media-boxes-filter>li a{
		font-size: 1.125rem !important;
		margin-bottom: 0 !important;
		line-height: 1.5 !important;
	}
	/* *Gallery inner Start END */


	/* *Location Inner page */
	.locations-block{
		margin-top: 80px;
	}
	.locations-block .location-grid .title, .services-block .service-grid .title{
		font-size: 1.56rem;
		padding-bottom: 15px;
		top: -15px;
	}
	.locations-block .location-grid .title:before, .services-block .service-grid .title:before{
		bottom: 25px;
	}
	.locations-block .location-grid .left-col, .services-block .service-grid .left-col{
		padding: 20px 15px;
		position: initial;
		border: 0;
	}
	.locations-block .location-grid, .locations-block.reverse .location-grid{
		grid-template-columns: auto;
		grid-gap: 0;
		grid-row-gap: 20px;
		border: 1px solid #f5b44c;
	}
	.locations-block .location-grid .right-col{
		padding: 30px 20px 0 20px;
	}
	.locations-block .location-grid .right-col .agios-nikolaos-bg,
	.locations-block .location-grid .right-col .elounda-bg,
	.locations-block .location-grid .right-col .vai-bg,
	.locations-block .location-grid .right-col .ierapetra-bg,
	.services-block .service-grid .right-col .service-bg,
	.services-block .service-grid .right-col .leisure-bg,
	.services-block .service-grid .right-col .activities-bg,
	.locations-block .location-grid .right-col .spinalonga-bg
	{
		height: 35vh;
	}
	.locations-block .location-grid .left-col .gmap a{
		min-width: auto;
		font-size: 1.125rem;
	}
	.locations-block .location-grid .left-col, .services-block.reverse .service-grid .right-col{
		order: 2;
	}
	/* *Location Inner page END */


	/* *Services & activities inner Start */
	.index-services-block{
		margin-top: 20px;
		padding-top: 30px;
	}
	.services-block{
		margin-top: 80px;
	}
	.services-block .service-grid, .services-block.reverse .service-grid{
		grid-template-columns: auto !important;
		border: 1px solid #f5b44c;
	}
	.services-block .service-grid:before{
		width: 100%;
	}
	.services-block .service-grid .left-col{
		display: block;
		order: 2;
	}
	.services-block .service-grid .right-col{
		padding: 20px;
	}
	.services-block .service-grid .right-col .service-bg, .services-block .service-grid .right-col .leisure-bg, .services-block .service-grid .right-col .activities-bg{
		margin-top: 10px;
	}
	.services-block .service-grid:before{
		display: none;
	}
	/* *Services & activities inner END */


	/* *Contact inner Start */
	#elpida_contact{
		margin-left: 5%;
		margin-right: 5%;
	}
	#elpida_contact .contact-wrapper .contact-icon-wrap{
		padding: 30px 15px;
	}
	#elpida_contact .g-recaptcha{
		transform: scale(0.9);
	}

	/* *Contact inner END */


}

/* *iPhone 11, 12 */
@media only screen and (min-height: 800px) { 
	#nav_expand_wrapper .overlay-nav-grid .menu-link-block ul li {
		margin-bottom: 15px;
	}
 }


/* *Mobile responsive */
@media only screen and (max-device-width : 767px){
	/* contact success */
	#success_message{
		font-size: 1.25rem;
	}

	/* Overlay Nav and top nav Stat */

	#nav_expand_wrapper .overlay-nav-grid .menu-link-block ul{
		flex-direction: column;
	}
	#nav_expand_wrapper .overlay-nav-grid .menu-link-block ul li a{padding: 0;}
	#nav_expand_wrapper .overlay-nav-grid .menu-link-block ul li a {
		font-size: 1.9rem;
	}
	/* Overlay Nav END */

	/* nav */
	#ham-icon{
		top: 60px;
	}
	#ham-icon:after{
		font-size: 0.75rem;
	}
	#ham-icon.open:after{
		bottom: -1px;
	}
	.main-nav .top-bar .right-nav .request-btn{
		bottom: 0;
		right: 15px;
		margin: 0;
		font-size: 10px;
	}
	.main-nav .top-bar .right-nav {
		margin-right: 40px;
	}
	.main-nav .top-bar{
		padding-bottom: 10px;
	}
	.mobile-top-bar .mobile-contact{
		margin-left: 0;
	}
	#nav_expand_wrapper .overlay-nav-grid .menu-link-block ul li{
		margin-bottom: 5px;
	}
		/**Footer start 
	*********************/
	#elpida-footer .footer-grid .footer-promo a img{
		max-width: 95%;
		display: block;
		margin: 0 auto;
	}
	#elpida-footer{
		padding-bottom: 30px;
		padding-top: 2px;
	}
	#elpida-footer .footer-grid{
		grid-template-columns: auto;
		padding-top: 60px;
	}
	#elpida-footer .footer-logo {
		top: -30px;
		font-size: 1.5rem;
	}
	#elpida-footer .footer-logo{
		padding: 20px;
		display: block;
		position: absolute;
		max-width: 90%;
		margin: 0 auto;
		top: -70px;
		left: 50%;
		transform: translateX(-50%);
	}
	#elpida-footer .footer-logo img{
		max-width: 100%;
		margin: 0 auto;
		display: block;
	}
	#elpida-footer:before{
		width: 100%;
	}
	#elpida-footer .footer-grid .footer-promo .promo {
		max-width: 240px;
		padding: 0px 40px 0 0px;
		margin: 25px auto;
	}
	#elpida-footer .footer-grid .footer-link ul.links{
		flex-direction: column;
	}
	#elpida-footer .footer-grid .footer-link .contact-box a{
		padding: 0 10px;
	}
	.accommodation-content-block .content-grid .title{
		font-size: 1.4rem;
	}
}

/* *iPhone SE */
@media only screen and (max-width: 375px) and (orientation: portrait) { 
	/* overlay nav */
	#nav_expand_wrapper .overlay-nav-grid .menu-link-block ul li a {
		font-size: 1.6rem;
	}
	#nav_expand_wrapper .overlay-nav-grid .logo-div .book-now {
		font-size: 1.3rem;
	}
	#nav_expand_wrapper .overlay-nav-grid .menu-link-block {
		margin: 0 0 25px;
	}
	#nav_expand_wrapper .overlay-nav-grid {
		margin-top: -30px;
	}
 }

/* *iPad/Tablet Responsive Portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
		/* overlay nav */
		#nav_expand_wrapper .overlay-nav-grid .logo-div .overlay-map{
			margin-top: 30px;
		}
		/* *footer */
		#elpida-footer .footer-grid .footer-link ul.links li a {
			font-size: 1.625rem;
		}
		.lang-wrap ul li{
			font-size: 1.125rem;
		}
		#elpida-footer .footer-grid .footer-link .contact-box a{
			font-size: 1.5rem;
		}
		/* *Homepage */
		.welcome-about-block .left-col .about-bg{
			margin-top: 70px;
		}
		.title, .title.section-title, .about-block .right-col .title, .restaurant-title .title, div#gallery-section .title{
			font-size: 3rem;
		}
		.welcome-about-block .right-col p{
			margin: 50px 0 0;
		}
		.welcome-about-block .right-col{
			width: 80%;
			margin: 0 auto;
			padding: 0;
			padding-bottom: 50px;
		}
		.welcome-about-block .right-col .title{
			display: none;
		}
		.welcome-about-block .right-col .book-now{
			padding: 3% 10% 3%;
		}
		.welcome-about-block .right-col .book-now{
			margin-top: 7%;
		}
		.restaurant-welcome-wraper .left-col {
			padding: 30px 20px;
		}

		.home-accommodation-block .acco-grid{
			grid-template-columns: repeat(2, 1fr);
		}
		.index-services-block .services-grid .single-service .title-box .title {
			font-size: 3rem;
		}
		.index-services-block .services-grid .single-service .title-box .subTitle {
			font-size: 1.6rem;
		}
		#elpida-footer .footer-logo img{
			max-width: 190px;
		}
		#elpida-footer .footer-logo{
			top: -15%;
		}

		/* Accommodation page */
		.accommodation-room-block .room-grid, .accommodation-room-block.reverse .room-grid{
			margin-top: 30px;
		}
		.inner-header {
			height: 40vh;
			margin-top: 70px;
		}
		.inner-header .header-content {
			max-width: 60%;
		}
		.inner-header .header-content .title {
			font-size: 2rem;
		}
		.inner-header .header-content {
			min-height: 100px;
		}
		.inner-header .header-content p {
			font-size: 1.5rem;
		}
		.accommodation-content-block {
			margin: 10% 0;
		}
		.accommodation-room-block .room-grid .right-col .room-title{
			max-width: 50%;
			right: 10%;
		}
		.accommodation-room-block .room-grid .right-col .room-title .title {
			font-size: 2rem;
		}
		.accommodation-room-block .room-grid .right-col .room-facilities {
			grid-template-columns: repeat(5, 1fr);
		}
		.accommodation-room-block .room-grid .right-col .room-facilities .facilities img {
			max-width: 40px;
		}
		.accommodation-room-block .room-grid .right-col .gallery-div a {
			font-size: 1.7rem !important;
			min-width: 250px;
			padding: 10px 15px;
		}
		.accommodation-room-block .room-grid .right-col .gallery-div {
			height: 120px;
		}

		/* Accommodation page END */


		/* gallery page */
		div#gallery-section, #elpida_contact {
			margin-top: 115px !important;
		}

		/* services and activities */
		.locations-block .location-grid .title, .services-block .service-grid .title {
			font-size: 2.5rem;
		}
		.locations-block .location-grid .right-col {
			padding: 50px 20px 0 20px;
		}
		.services-block .service-grid .left-col {
			display: grid;
			order: 2;
		}

		.services-block .service-grid .right-col {
			padding-top: 35px;
		}
		.lang-wrap{
			margin-left: 25px;
		}
		.main-nav .top-bar .right-nav {
			margin-right: 40px;
		}
		.inner-header.services-bg{
			background-position: left;
		}
}


/* *iPad 8th Generation */
@media only screen and (min-width: 810px) and (orientation: portrait){ 
	#elpida_contact .contact-wrapper {
		grid-template-columns: 3fr 4fr;
		grid-gap: 30px;
	}
	label {
		font-size: 1.15rem;
	}
	#elpida_contact .contact-wrapper .contact-icon-wrap .get-in-touch h2{
		font-size: 1.8rem;
	}

 }

 /* *iPad Landscape */
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
	 /* top nav */
	 .main-nav .top-bar .social-links a {
		font-size: 0.9rem;
	}
    /* Homepage */
	.welcome-about-block .left-col .about-bg{
		height: 100%;
		margin-top: 0;
		background-position: 70% 50%;
	}
	.welcome-about-block .right-col .book-now {
		font-size: 1.75rem !important;
	}
	.welcome-about-block{
		display: grid;
	}
	.welcome-about-block .right-col{
		height: 80%;
	}
	.home-accommodation-block .acco-grid {
		grid-template-columns: repeat(2,1fr);
	}
	.index-services-block .services-grid .single-service .title-box .title {
		font-size: 1.8rem;
	}
	.index-services-block .services-grid .single-service .title-box .subTitle{
		font-size: 1.5rem;
	}
	.center-col.d-block.d-lg-none.order-1{
		display: none !important;
	}
	.about-block {
		grid-template-columns: 45% auto;
		min-height: 90vh;
	}
	.about-block .right-col .content {
		padding: 30px 40px;
		margin-bottom: 30px;
	}
	.title.wow.fadeInRight.d-none.d-lg-block{
		display: block !important;
	}

	/* accommodation style */
	.accommodation-content-block {
		margin: 20% 0 0;
	}
	.accommodation-room-block .room-grid {
		grid-template-columns: 35% auto;
	}
	.accommodation-room-block.reverse .room-grid {
		grid-template-columns: auto 35%;
	}
	.accommodation-room-block .room-grid .right-col .room-title .title{
		font-size: 2.2rem;
	}
	.inner-header .header-content .title {
		font-size: 1.6rem;
	}

	/* restaurant style */
	.restaurant-title .title{
		font-size: 3rem;
	}
	.restaurant-welcome-wraper .right-col .welcome-photo {
		height: 100%;
		width: 100%;
		top: -30px;
	}

	/* gallery style*/
	div#gallery-section {
		margin-top: 10%;
	}

	/* Location style */
	.locations-block .location-grid .left-col {
		padding: 60px 30px 30px 30px;
	}

	/* services style */
	.services-block.reverse .service-grid {
		grid-template-columns: 38% auto !important;
	}
	.services-block .service-grid {
		grid-template-columns: auto 35% !important;
	}
	#elpida_contact .contact-wrapper {
		grid-template-columns: 3fr 4fr;
	}
}

/* iPad Air 12.9' Portrait*/
@media only screen and (min-width: 1024px) and (orientation: portrait) { 
	.main-nav .top-bar .right-nav .social-links{
		position: absolute;
		left: 115px;
	}
	.main-nav .top-bar .right-nav {
		margin-right: 20%;
	}
	#ham-icon {
		right: 7%;
		top: -5px;
	}
	.main-nav .top-bar .right-nav {
		margin-right: 20%;
	}
	a.espa-banner{
		top: -45px;
		bottom: auto;
	}
	/* restaurant style */
	.restaurant-welcome-wraper .right-col {
		height: 390px;
		margin-top: 30px;
	}
	.inner-header .header-content {
		max-width: 50% !important;
	}
	.locations-block, .services-block {
		margin-top: 120px;
	}
 }