@charset "utf-8";
/***********************************************************

	Client: 	Paddington Resort & Spa via Incrust Motodock 
	Type: 		CSS Document
	Designer: 	Vipin Chandran (Front-end Development only)
	E-mail		vipinradhalayam@gmail.com
			
************************************************************/


/********************************
		Fonts Used
*********************************/
@import url("https://paddingtonresorts.com/wp-content/themes/paddington/css/fonts.css");



/********************************
		General Styles
*********************************/
body{
	font-family: 'PT Serif', serif;
	font-size: 14px;
	font-weight:400;
	line-height:normal;
	letter-spacing:normal;
	background-color: #fff;
	color:#000;
}
h1, h2, h3, h4, h5, h6{
	margin-top:0;
	font-family: 'Montserrat', sans-serif;
}
h1{
	text-transform:capitalize;
	font-size:32px;
	font-weight: bold;
	position: relative;
	margin-bottom: 30px;
}
h2{
	text-transform:capitalize;
	font-size:26px;
	font-weight: bold;
	position: relative;
}
h3{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
h4{
	font-size: 17px;
	font-weight: bold;
}
h5{
	font-size: 13px;
	font-weight: 400;
	text-transform: capitalize;
	color: #fff;
}
h6{
	font-size: 9px;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 2px;
	margin-bottom: 17px;
}
.brushnyoe{
	font-family: 'brushnyoe', sans-serif;
}
.img-pdgtn{width: 100%; height: auto;}
.mar-off{margin:0;}
.pad-off{padding: 0;}
.btn-pdgtn{
	border-radius: 0px;
	padding: 10px 15px;
	font-size: 12px;
	background-color: #FFA01F;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	border: none;
	display: inline-block;
	text-decoration: none;
	outline: none;
}
.btn-pdgtn:hover, .btn-pdgtn:focus{
	background-color: #ce8b19;
	text-decoration: none;
	color: #fff;
}
.btn-pdgtn.arrow{
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	padding-right: 40px;
	position: relative;
	z-index: 1;
	width: 140px;
	text-align: left;
}
.btn-pdgtn.arrow.big{width: 165px;}
.btn-pdgtn.arrow:after, .btn-pdgtn.arrow::after{
	content: '';
	display: block;
	background-image: url(../imgs/icons/icon-btn-arrow.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 15px;
    top: -2px;
    width: 37px;
    height: 36px;
	z-index: 3;
}
.section{
	padding: 70px 0;
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
}

/********************************
		 Header Section
*********************************/
.img-pdgtn-logo{
	width:180px;
	height:auto;
	margin-top: 9px;
	z-index: 1;
	-webkit-transition:1s; /* For Safari 3.1 to 6.0 */
  	transition: 1s;
}
.navbar-inverse{
	background: #fff;
    border: none;
    height: 71px;
    box-shadow: 0 5px 10px 0 rgb(4 0 98 / 5%);
  	-webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
  	transition: 1s;
}
.navbar-inverse .navbar-collapse{
	margin-top:17px;
	-webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
  	transition: 1s;
}
.navbar-nav>li>a {
    padding-top: 7px;
    padding-bottom: 7px;
}
.navbar-inverse .navbar-nav>li>a {
	font-family: 'Montserrat', sans-serif;
    color: #000;
	background:transparent;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 18px;
	-webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
  	transition: 1s;
}
.navbar-inverse .navbar-nav>li>a.active, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #FFA01F;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle {
    border-color: #000000;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: transparent;}
.navbar-inverse .navbar-toggle .icon-bar{
	background-color: #000000;
}
.navbar-toggle{
	margin-top:9px;
}
.dropdown-menu>li>a {
    padding: 7px 20px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    -webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
  	transition: 1s;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	background-color: transparent;
	color: #FFA01F; 
}


/********************************
		      Home
*********************************/
.pdgtn-home{
	background-image:url(../imgs/home-banner.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
}

.pdgtn-home h1{
	font-size: 140px;
	text-transform: capitalize;
	font-weight: normal;
	color: #fff;
	margin-bottom: -20px;
	margin-top: 37px;
}
.pdgtn-home p{
	font-size: 23px;
	margin-bottom: 20px;
	display: block;
	color: #fff;
}
.home-check{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 auto;
	width: 75%;
	background-color: #fff;
}
.home-check .form-group {
   width: 20%;
   margin-bottom: 0;
}
.home-check .form-control, .home-check .btn-pdgtn{height: 55px; font-size: 12px;}
.home-check .form-control{border-color: transparent; border-radius: 0;}
.home-check .btn-pdgtn{display: flex; align-items: center; justify-content: center; width: 100%;}
input[type="date"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
input[type="date"]:after {
    content: '';
    background-image: url(../imgs/icons/icon-calender.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
}

/* change color of symbol on hover */
input[type="date"]:hover:after {
    color: #bf1400;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

 /* adjust clear button */
 input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }
select.form-control { 
	display: block;
	border: none; 
	background-image: url(../imgs/icons/icon-arrow-down.svg); 
	background-position: calc(100% - 15px) 25px;
	background-repeat: no-repeat;
	background-size: 14px auto;
	appearance: none; 
	-webkit-appearance: none;
	-moz-appearance: none; 
}
/* for IE and Edge */ 
select.form-control::-ms-expand { 
	display: none; 
}
.pick-date::before {
  content: attr(placeholder);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}


/*****Home Subpage*****/
.pdgtn-home.subpage{
	min-height: unset;
	margin-top: 70px;
	height: 350px;
}
.pdgtn-home.subpage h1{
	text-transform:capitalize;
	font-size:32px;
	font-weight: bold;
	position: relative;
	margin-bottom: 0px;
	margin-top: 0;
}
.pdgtn-home.subpage h6{color: #fff;}
.pdgtn-home.subpage.restaurant{
	background-image: url(../imgs/restaurant.jpg);
}



/********************************
 	   PADDINGTON RESORT
*********************************/
.pdgtn-resort{
	background-color: #EBE8E2;
}
.pdgtn-icon{width: 25px; height: auto; margin-bottom: 17px;}
ul.padresort{
	list-style: none;
	padding-left: 0;
}
ul.padresort>li{
	display: block;
	float: left;
	width: 25%;
	padding: 0 5px;
}
.pa-box{
	display: block;
	padding: 40px 15px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% auto;
	color: #FFF;
	height: 369px;
}
.pa-box h1{margin-bottom: 0;}
ul.padresort>li:nth-child(1) .pa-box{
	background-image: url(../imgs/abhyagna-spa.jpg);
	/*background-position: bottom center;
	background-color: #fff;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 30px 25px;*/
}
ul.padresort>li:nth-child(2) .pa-box{
	background-image: url(../imgs/romantic-dining.jpg);
}
ul.padresort>li:nth-child(3) .pa-box{
	background-image: url(../imgs/activities.jpg);
}
ul.padresort>li:nth-child(4) .pa-box{
	background-image: url(../imgs/Zipline.jpg);
}
.pab-title{
	font-size: 30px;
	font-weight: bold;
	display: block;
	margin-bottom: 12px;
}
.pab-desc{
	min-height: 82px;
}
.pa-box p{font-size: 12px;}
.pa-box .btn-pdgtn{margin-top: 6px;}




/********************************
	  	    ABOUT US
*********************************/
.pdgtn-about h1{margin-bottom: 15px;}
.pdgtn-about p{ 
	color: #525252;
	line-height: 22px;
    margin-bottom: 15px;
}



/********************************
	 	 	 DINING
*********************************/
.pdgtn-dining{padding: 0;}
.ps-row{
	background-image:url(../imgs/dining.jpg);
    /* Create the parallax scrolling effect */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 60px 0;
}
.psr-ulay{
	position: absolute;
	background-image: url(../imgs/dining-patern.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 31.83333%;
	top: 0;
	bottom: 0;
}
.ps-row.left{background-position: left center;}
.ps-row.left{background-position: right center;}
.ps-row.left .psr-ulay{
	right: 0;
}
.ps-row.right .psr-ulay{
	left: 0;
}
.ps-box{
	background-color: #fff;
	padding: 40px;
	position: relative;
	z-index: 2;
}
.ps-box .btn-pdgtn.arrow{margin-top: 20px;}



/*****DINING SUBPAGE*****/
.ps-row.one{
	background-image:url(../imgs/dining-sp1.jpg);
}
.ps-row.two{
	background-image:url(../imgs/dining-sp2.jpg);
}
.ps-row.three{
	background-image:url(../imgs/dining-sp3.jpg);
}





/********************************
		   TESTIMONIAL
*********************************/
.pdgtn-testmnls{
	background-color: #EBE8E2;
	padding: 90px 0;
	position: relative;
}
.pt-ulay-text{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 40px;
	font-size: 155px;
	color: #DDDDDD;
	text-align: center;
}
.item-box {
    width: 60%;
    margin: 0 auto;
}
.cust-quote {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 26px;
}
.pro-stars {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 116px;
    margin: 0 auto;
}
.ps{
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-left: 4px;
}
.pro-stars .ps:first-child{margin-left: 0;}
.ps.f-star{
	background-image: url(../imgs/icons/icon-fstar.svg);
}
.ps.h-star{
	background-image: url(../imgs/icons/icon-hstar.svg);
}
.ps.e-star{
	background-image: url(../imgs/icons/icon-emptystar.svg);
}
.cust-image {
    width: 110px;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto;
}
.cust-name {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
}
.test-arrow{width: 22px; height: auto;}
.test-arrow.left{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.pt-slider .owl-nav {
    position: absolute;
    top: 18%;
    right: 0;
    left: 0;
}
.pt-slider .owl-nav button.owl-next, .pt-slider .owl-nav button.owl-prev{
	position: absolute;
	top: 0;
}
.pt-slider .owl-nav button.owl-next{right: 0;}
.pt-slider .owl-nav button.owl-prev{left: 0;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus{
	outline: none;
	background-color: transparent;
}



/********************************
		ROOMS AND SUITES
*********************************/
.pdgtn-rooms h1{margin-bottom: 50px;}
.room-box{
	display: block;
	margin-bottom: 30px;
}
.rb-name{
	display: block;
	position: relative;
	background-color: #EBE8E2;
	padding: 12px 15px;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
}
.rb-link{
	width: 43px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	font-size: 24px;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration:none;
}
.rb-link:hover, .rb-link:focus{color: #fff; text-decoration:none;}



/********************************
			EXPERIENCE
*********************************/
.pdgtn-experience{
	background-image: url(../imgs/experience.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	text-align: center;
}
.exp-title{
	font-size: 140px;
	color: #fff;
	text-transform: capitalize;
}
.exp-play{
	display: block;
	text-decoration: none;
	width: 125px;
	margin: -30px auto 0;
	margin-bottom: 15px;
}
.pdgtn-experience p{
	font-size: 23px;
	color: #fff;
	margin-bottom: 15px;
}
.pdgtn-experience h5{font-weight: 400;}
.pdgtn-experience h5 a, .pdgtn-experience h5 a:hover{
	color: #F29D38;
	text-decoration: none;
}
.pdgtn-experience .btn-pdgtn.arrow{text-align: left; width: 145px; margin-top: 20px;}
.exp-vdo .modal-dialog{
	width: 70%;
	height: 80vh;
}
.exp-vdo .modal-body{
	padding: 2px;
	border-radius: 0;
	height: 100%;
}
.exp-vdo .modal-content{border-radius: 0; padding: 0; height: 100%;}
button.close{
	position: absolute;
	right: -35px;
    top: -15px;
    color: #fff;
    opacity: 1;
    font-size: 52px;
}
button.close:hover{color: #fff; outline: none; opacity: 1;}



/********************************
		 EXCLUSIVE OFFERS
*********************************/
.pdgtn-offers{
	background-color: #EBE8E2;
}
.pdgtn-offers h1 span{
	padding-left: 132px;
}
.offer-box{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 25px;
	height: 275px;
}
.offer-box.one{background-image: url(../imgs/offers-1.jpg);}
.offer-box.two{background-image: url(../imgs/offers-2.jpg);}
.ob-olay{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 63%;
	background-image: url(../imgs/offer-olay.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: 1;
}
.ob-content{position: relative; z-index: 2; text-align: center;}
.ob-smlttl{
	color: #fff;
	text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 15px;
}
.offer-box .btn-pdgtn{
	background-color: #000;
	margin-top: 5px;
}



/********************************
		INDOOR ACTIVITIES
*********************************/
.pdgtn-indooract{background-color: #EBE8E2; padding-top: 30px;}
ul.piact-list{list-style: none; padding-left: 0; margin-top: 60px;}
ul.piact-list>li{
	display: block;
	padding-left: 100px;
	text-align: left;
	width: 33.33333%;
	float: left;
	position: relative;
	margin-bottom: 60px;
    padding-top: 25px;
    padding-right: 20px; 
    height: 125px;
}
ul.piact-list>li:before, ul.piact-list>li::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 63px;
	height: 86px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
ul.piact-list>li.tennis:before, ul.piact-list>li.tennis::before{
	background-image: url(../imgs/icons/icon-tabletennis.svg);
}
ul.piact-list>li.bball:before, ul.piact-list>li.bball::before{
	background-image: url(../imgs/icon-chess.png);
}
ul.piact-list>li.bird:before, ul.piact-list>li.bird::before{
	background-image: url(../imgs/icon-naturewalk.png);
}
ul.piact-list>li.arch:before, ul.piact-list>li.arch::before{
	background-image: url(../imgs/icons/icon-archery.svg);
}
ul.piact-list>li.shooting:before, ul.piact-list>li.shooting::before{
	background-image: url(../imgs/icons/icon-shooting.svg);
}
ul.piact-list>li.gym:before, ul.piact-list>li.gym::before{
	background-image: url(../imgs/icons/icon-gym.svg);
}
.pial-ttl{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 23px;
	margin-bottom: 7px;
}



/********************************
		     Footer
*********************************/
.pdgtn-footer{
	background: #28282F;
	color:#fff;
	padding: 70px 0 0 0;
	font-size: 10px;
	overflow: hidden;
}
.pfoot-top{font-family: 'Montserrat', sans-serif;}
.footer-subtitle {
    display: block;
    font-size: 10px;
    font-weight:400;
    letter-spacing: 2px;
    margin-bottom: 12px;
    text-transform: uppercase;
    color: #EDA72F;
}
p.pf-det {
    line-height: 24px;
    margin-bottom: 31px;
}
.pf-link, .pf-link:hover, .pf-link:focus{
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 24px;
}
.pf-link:hover, .pf-link:focus{color: #FFA01F;}
.pdgtn-footer .img-pdgtn-logo{width: 260px;}
.pf-mid{
	margin:30px 0 20px;
}
.line{
	display: block;
	height: 1px;
	background-color: rgb(255 255 255 / 51%);
}
.pfoot-bottom{
	padding: 20px 0;
}
p.pdgtn-cright{padding: 0; margin-bottom: 0; text-align: right; text-align: center;}
.pf-prelast{margin-bottom: 10px;}
.pf-prelast .pf-det {
    margin-bottom: 31px;
}
ul.pdgtn-soc {
    list-style: none;
    padding-left: 0;
}
ul.pdgtn-soc>li {
    display: block;
    float: left;
    padding-right: 3px;
}
ul.pdgtn-soc>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border-radius: 50%;
    color: #000000;
    text-decoration: none;
}
ul.pdgtn-soc>li>a:hover, ul.pdgtn-soc>li>a:focus{background-color: #FFA01F; color: #fff;}




/********************************
	 	  ACCOMODATION
*********************************/
.pdgtn-home.subpage.accomodation{
	background-image: url(../imgs/accomodation.jpg);
}
.pdgtn-accodet{padding-top: 30px;}

/****Accomodation Slider****/
.accom-slider{padding-bottom: 103px;}
.accom-slider .carousel-inner{}
.accom-slider .carousel-control.right, .accom-slider .carousel-control.left{background-image: none;}
.accom-slider ol.carousel-indicators {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}
.accom-slider .carousel-indicators li{
	text-indent: inherit;
	border: none;
	width: 25%;
	height: inherit;
	padding: 0 5px;
}
.accom-slider .carousel-indicators .active, .accom-slider .carousel-indicators li{
	margin: 0;
	background-color: transparent;
}
.accom-slider .carousel-indicators li span{
	display: block;
	overflow: hidden;
}
.accom-slider .carousel-indicators .active span{
}
.accom-whitebox {
    background-color: #fff;
    padding: 40px 25px;
    font-family: 'Montserrat', sans-serif;
}
.accom-whitebox h1{margin-bottom: 20px;}
.accom-whitebox h1 span{
	font-size: 14px;
}
.accom-whitebox .btn-pdgtn{margin-bottom: 30px;}
.accom-whitebox h4:after, .accom-whitebox h4::after{
	content: '';
	display: block;
	height: 1px;
	width: 193px;
	border-top: 1px  dashed #707070;
	margin-top: 5px;
}
ul.accom-contact{list-style: none; padding-left: 0;}
ul.accom-contact>li{display: block; padding-left: 25px; margin-bottom: 7px; position: relative;}
ul.accom-contact>li>a{
	display: block;
	color: #575757;
	text-decoration: none;
}
ul.accom-contact>li:before, ul.accom-contact>li::before{
	content: "";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #575757;
	font-size: 16px;
	padding-right: 0.5em;
	position: absolute;
	top: 2px;
	left: 0;
}
ul.accom-contact>li.phone:before, ul.accom-contact>li.phone::before{
	content: '\f095';
}
ul.accom-contact>li.email:before, ul.accom-contact>li.email::before{
	content: '\f0e0';
	font-size: 14px;
}


.acmdn-det{padding-top: 50px;}
.acmdn-det .nav-tabs{
	background-color: transparent;
	border-bottom: 1px solid #CBCBCB;
	padding: 8px 0;
}
.acmdn-det .nav-tabs>li{
	margin-right: 100px;
}
.acmdn-det .nav-tabs>li>a{
	font-weight: 700;
	font-size: 21px;
	color: #808080;
	position: relative;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}
.acmdn-det .nav-tabs>li>a:hover, .acmdn-det .nav-tabs>li.active>a, .acmdn-det .nav-tabs>li.active>a:focus, .acmdn-det .nav-tabs>li.active>a:hover{
	border-color: transparent;
	color: #000000;
	background-color: transparent;
}
.acmdn-det .nav-tabs>li>a:after, .acmdn-det .nav-tabs>li>a::after{
	content: '';
    display: block;
    height: 5px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: -8px;
    right: 0;
    -webkit-transition:0.5s;
    transition: 0.5s;
}
.acmdn-det .nav-tabs>li.active>a:after, .acmdn-det .nav-tabs>li.active>a::after, .acmdn-det .nav-tabs>li>a:hover::after{
	background-color: #EDA72F;
}
.tab-content>.tab-pane {
    padding: 40px 0 0;
}
ul.user-reviews{list-style: none; padding-left: 0;}
ul.user-reviews>li{
	display: block;
	position: relative;
	padding: 15px 0;
}
ul.user-reviews>li:after, ul.user-reviews>li::after{
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0px;
	right: 0px;
	background-color: #CBCBCB;
}
ul.user-reviews>li:last-child:after, ul.user-reviews>li:last-child::after{display: none;}
p.ur-name{
	color: #000000;
	font-weight: 700;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.acmdn-det .tab-content p{line-height: 22px;}
ul.amenities-list{
	list-style: none;
	padding-left: 0;
	margin: 0 -5px;
}
ul.amenities-list>li{
	display: block;
	float: left;
	width: 25%;
	padding: 0 5px;
	margin-bottom: 10px;
}
.al-box{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 10px;
	font-weight: 700;
	height: 60px;
}
.ab-icon{
	width: 35%;
	margin-right: 14px;
}
ul.amenities-list>li:nth-child(1) .img-pdgtn{width: 45px;}
ul.amenities-list>li:nth-child(2) .img-pdgtn{width: 48.38px;}
ul.amenities-list>li:nth-child(3) .img-pdgtn{width: 40.88px;}
ul.amenities-list>li:nth-child(4) .img-pdgtn{width: 40.88px;}
ul.amenities-list>li:nth-child(5) .img-pdgtn{width: 48.72px;}
ul.amenities-list>li:nth-child(6) .img-pdgtn{width: 42px;}
ul.amenities-list>li:nth-child(7) .img-pdgtn{width: 34.69px;}
ul.amenities-list>li:nth-child(8) .img-pdgtn{width: 39.75px;}
ul.amenities-list>li:nth-child(9) .img-pdgtn{width: 33.03px;}
ul.amenities-list>li:nth-child(10) .img-pdgtn{width: 37.72px;}
ul.amenities-list>li:nth-child(11) .img-pdgtn{width: 35.83px;}
ul.amenities-list>li:nth-child(12) .img-pdgtn{width: 35.61px;}
ul.amenities-list>li:nth-child(13) .img-pdgtn{width: 34.06px;}
ul.amenities-list>li:nth-child(14) .img-pdgtn{width: 34.89px;}

/**Suggested Rooms**/
.room-suggestion {
    border: 1px solid #CBCBCB;
    padding: 40px 20px 30px;
    margin-top: 20px;
}
ul.rmsug-list{
    list-style: none;
    padding-left: 0;
    border-top: 1px solid #CBCBCB;
    padding-top: 25px;
    margin-top: 20px;
}
ul.rmsug-list>li{display: block; margin-bottom: 10px;}
ul.rmsug-list>li:last-child{margin-bottom: 0px;}
ul.rmsug-list>li>a{color: inherit; text-decoration: none; display: block;}
ul.rmsug-list>li h4{margin-bottom: 5px;}
.rsl-price{color: #909090; font-weight: bold;}
.rsl-price span{font-size: 12px;}
ul.rmsug-list>li .col-xs-7{padding-left: 0;}



/********************************
	 		PACKAGES
*********************************/
.packages h1{margin-bottom: 20px;}
p.pack-dur {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 15px;
}
.packages h1 span{font-size: 27px; display: block;}
ul.normal-list{padding-left: 18px; list-style: disc; margin-top: 15px;}
ul.normal-list>li{
	margin-bottom: 10px;
	font-size: 13px;
}
.packages .ps-row.one{
	background-image: url(../imgs/inside.jpeg);
	background-size: 70%;
    background-position: left top;
}
.packages .ps-row.two{
	background-image: url(../imgs/outside.jpeg);
	z-index: 1;
	margin-top: -300px;
	background-size: 80%;
    background-position: right top;
}
.packages .ps-row.two .ps-box{margin-top: -175px;}
.pack-desc{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 34px 0 60px;
}
.pd-content{margin-left: 50%;}
.dayoutpack{background-image: url(../imgs/dayout.jpg);}
.dayout .ps-row.one{background-image: url(../imgs/dayout1.jpg);}
.dayout .ps-row.two{background-image: url(../imgs/dayout2.jpg);}
.dayout .pack-desc{height: 312px;}
.corphoney{padding-bottom: 60px;}
.corphoney .ps-box h1{margin-bottom: 40px;}
.corpack{background-image: url(../imgs/corpackage1.jpg);}
.corpackk{background-image: url(../imgs/wedding2.jpeg);}
.corphoney .ps-row.one{background-image: url(../imgs/corpackage2.jpg); height: 490px;}
.corphoney .ps-row.one1{background-image: url(../imgs/wedding1.jpeg); height: 490px;}
.corphoney .ps-box {
    margin-top: -182px;
}
.honeypack{background-image: url(../imgs/honeymoon.jpg);}
.honeymoon .ps-row.one{background-image: url(../imgs/honeymoon1.jpg); height: 490px;}



/********************************
	FACILITIES & ACTIVITIES
*********************************/
.facilities{background-image: url(../imgs/facilities.jpg);}
.pdgtn-outdoor .offer-box.one{background-image: url(../imgs/outdoor1.jpg);}
.pdgtn-outdoor .offer-box.two{background-image: url(../imgs/outdoor2.jpg);}
.pdgtn-outdoor .offer-box h3{margin-bottom: 0;}
.pdgtn-outdoor .offer-box .ob-content{width: 41%;}
.pod-bot{margin-top: 60px; margin-bottom: 30px;}
.padrt-off{padding-right: 0;}
.pb-imgbox{
	position: relative;
	min-height: 1px;
	width: calc(50% - 8px);
	float: left;
	margin-top: 20px;
}
.pb-imgbox.one{margin-right: 8px;}



/********************************
			   SPA
*********************************/
.spa-images{padding: 50px 0;}
.spa{background-image: url(../imgs/spa.jpg);}




/********************************
			 GALLERY
*********************************/
.gallery{background-image: url(../imgs/Rukum.jpg);}
.pgal-tabs{
	border-bottom: none;
	display: flex;
    align-items: center;
    justify-content: center;
}
.pgal-tabs>li>a{
	border: none;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	padding: 10px 20px;
	transition: 1s;
	-webkit-transition:1s;
}
.pgal-tabs>li.active>a, .pgal-tabs>li.active>a:focus, .pgal-tabs>li.active>a:hover, .pgal-tabs>li>a:focus, .pgal-tabs>li>a:hover{
	border: none;
	background-color: transparent;
	color: #EDA72F;
}
.pgal-content>.tab-pane {
    padding: 30px 0 0;
}


.gal-img-link {
    display: inline;
}
img.gal-img {
    width: 33.33%;
    padding: 7px;
    margin: 0 -2px;
}




/********************************
	 	   CONTACT US
*********************************/
.contact-box{display: flex; justify-content: flex-start;}
.cb-item .img-pdgtn{width: 23px;}
.phone .img-pdgtn{width: 16px;}
.mail .img-pdgtn{width: 30px; margin-top: 5px;}
.ci{height: 50px;}
.cb-item{font-size: 12px; width: 33.3333%;}
.cb-item h5{
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.pc-formbox {
    padding: 60px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
.pc-formbox h1{margin-bottom: 15px;}
.fm-contact{margin: 40px -15px 0; width: 85%;}
.pc-formbox .form-control{
	border-radius: 0px;
    border:none;
    border-bottom: 1.5px solid #000;
    background-color: transparent;
    height: 43px;
    padding: 10px 0px;
    box-shadow: none;
    color: #000;
}
.form-group.full, .form-group.half{
	float: left;
	min-height: 1px;
	position: relative;
	padding: 0 15px;
}
.form-group.full{width: 100%;}
.form-group.half{width: 50%;}
.fg-push-6{left: 50%;}
.fg-pull-6{right: 50%;}
.pc-formbox .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

.pc-formbox .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.pc-formbox .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}
.fm-contact .btn-pdgtn.arrow{margin-top: 40px;}
.gmap-box{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 49%;
}
.pcontact-box{
	float: left;
	min-height: 1px;
	background-color: #E6E6E6;
	width: calc(50% - 16px);
	margin: 0 8px 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px;
}
.pcb-title {
    display: block;
    font-size: 26px;
    color: #EDA72F;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 15px;
}
.pcb-subtitle{
	display: block;
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 15px;
}
.pcontact-box p {
    line-height: 23px;
}
.pcontact-box.full {
    height: 500px;
}
.pcontact-box.half {
    height: auto;
}
.pcontact-box.med {
    height: 360px;
}



/********************************
	 SUB PAGE COMMON STYLES
*********************************/
.greybg{background-color: #EBE8E2;}
.whitebg{background-color: #fff;}
.fblkcol{color: #000 !important;}
.whitebg .pt-ulay-text{color: #f7f7f7;}
.pdgtn-indooract.subpage{padding-top: 50px;}
.animated.delay-400ms {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.animated.delay-600ms {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.animated.delay-800ms {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
/********************************
	          BLOG
*********************************/
.blog{
	background-color: #EBE8E2;
}
.blog-post{
	display: block;
	background-color: #fff;
	margin-bottom: 30px;
}
.bp-image{position: relative;}
.bp-dated{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00662a;
	color: #fff;
	font-weight: 600;
    padding: 5px 10px;
}
.bp-details{padding: 15px;}
.bp-title, .bp-title:hover, .bp-title:focus{
    display: block;
    color: #14044B;
    text-decoration: none;
    font-weight: bold;
    font-size: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.bp-author, .bp-author:hover, .bp-author:focus{
	position: relative;
	text-decoration: none;
	display: block;
    padding-left: 20px;
    color: #14044B;
    margin-bottom: 7px;
}
.bp-author:before, .bp-author::before{
	content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	/--adjust as necessary--/
    color: #14044B;
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 0;
}
.bp-text {
    height: 63px;
    overflow: hidden;
    line-height: normal;
    font-size: 13px;
}
.posts .bp-title, .posts .bp-title:hover, .posts .bp-title:focus{text-overflow: unset; overflow: unset; margin-top: 15px;}
.posts .bp-dated{top: auto; bottom: 0;}
.posts .bp-image{margin-bottom: 30px; margin-top: 15px;}
.posts h2{color:#14044B;}
ul.bp-comments, ul.bp-share{list-style: none; display: block; padding-left: 0;}
ul.bp-share{margin: 35px 0;}
ul.bp-share>li{
	display: block;
	float: left;
	margin-right: 10px;
}
ul.bp-share>li:last-child {
    font-weight: bold;
    padding-top: 2px;
    font-size: 18px;
    padding-left: 21px;
}
ul.bp-share>li>a{
	display: block;
	text-decoration: none;
	color: #14044B;
	font-size: 21px;
}
ul.bp-comments>li{
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid rgb(20 4 75 / 19%);
}
ul.bp-comments>li:last-child{border-bottom: none;}
ul.bp-comments>li .bp-author{font-weight: bold;}
ul.bp-comments>li>p{font-style: italic;}
ul.bp-comments>li.post-comment{padding-top: 20px;}
.post-comment .form-control{
	border-radius: 0;
}

/********************************
		 Media Queries
*********************************/
@media (min-width: 1200px) {
	.room-suggestion {
	    margin-top: -140px;
	}
	

}
@media (max-width: 1199px) {
	.navbar-inverse .navbar-nav>li>a{
		font-size: 12px;
		padding: 10px 12px;
	}
	.dropdown-menu>li>a{font-size: 12px}
	.home-check{width: 88%;}
	.pa-box{height: 304px;}
	.email{word-break: break-all;}
	.pdgtn-home.subpage{height: 320px;}
	.accom-slider {padding-bottom: 86px;}
	ul.amenities-list>li{width: 33.333%;}
	.acmdn-det .nav-tabs>li {margin-right: 60px;}
	.packages .ps-row.one, .packages .ps-row.two{background-size: cover;}
	.corphoney .ps-row.one{height: 425px;}
	.spa-images{padding: 40px 0;}
	ul.pdgtn-soc>li{padding-right: 2px;}
	ul.pdgtn-soc>li>a{width: 18px; height: 18px;}
	
}
@media (max-width: 991px) {
	.img-pdgtn-logo{width: 130px;}
	.navbar-inverse{height: 53px;}
	.navbar-inverse .navbar-collapse{margin-top: 9px;}
	.navbar-inverse .navbar-nav>li>a{
		padding: 10px;
		font-size: 9px;
	}
	.dropdown-menu>li>a{font-size: 9px}
	.home-check{width: 100%;}
	ul.padresort>li{width: 50%; margin-bottom: 10px;}
	.pa-box{height: 468px;}
	.exp-title{font-size: 120px;}
	.offer-box{
		margin-bottom: 30px;
	}
	ul.piact-list>li{width: 50%;}
	.pdgtn-footer .img-pdgtn-logo{margin-bottom: 40px;}
	.pdgtn-home.subpage{height: 300px;}
	.accom-slider {padding-bottom: 66px;}
	ul.amenities-list>li{width: 50%;}
	.acmdn-det .nav-tabs>li>a{font-size: 18px;}
	.acmdn-det .nav-tabs>li {margin-right: 43px;}
	.packages .ps-row.two, .packages .ps-row.two .ps-box{margin-top: 0;}
	.pack-desc {
	    position: relative;
	    margin-top: 50px;
	    margin-bottom: -61px;
	}
	.pd-content {
	    margin-left: 0;
	}
	.dayout .pack-desc{display: none;}
	.corphoney .ps-row.one{height: 400px;}
	.pb-imgbox{margin-bottom: 20px;}
	.pod-bot{margin-bottom: 0;}
	.spa-images{padding: 30px 0;}
	.pcontact-box{padding: 20px;}
}
@media screen and (min-width: 768px){
	.flex{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.flex.center{justify-content: center;}
	.accom-whitebox {margin-left: -15px;}
	.room-suggestion {margin-left: -14px;}
   
}
@media (max-width: 767px) {
	.section{padding: 50px 0;}
	.navbar-inverse .navbar-nav>li>a {  }
	.navbar-inverse{
	    height: 50px;
	}
	.navbar-inverse .navbar-collapse {
	    background-color: #ffffff;
	    margin-top: 0;
	    margin-left: 0;
    	margin-right: 0;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #000;}
	.img-pdgtn-logo {
	    width: 135px;
	    margin-left: 15px;
	    margin-top: 5px;
	}
	.navbar-inverse .navbar-nav>li>a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, #mas-menu > ul > li.active > a {
	    background-color: #FFA01F;
	    color: #232322;
	}

	.home-check{display: block; background-color: transparent; max-width: 500px;}
	.home-check .form-group{width: 100%; margin-bottom: 2px;}
	.pdgtn-home h1{font-size: 100px;}
	.pdgtn-home p{font-size: 18px;}
	ul.padresort>li{width: 100%; max-width: 285px; margin-left: auto; margin-right: auto; float: none;}
	.pa-box{height: 369px;}
	.pt-ulay-text{font-size: 110px;}
	.test-arrow{width: 15px;}
	.pdgtn-rooms h1 {
	    margin-bottom: 30px;
	}
	.pdgtn-rooms{padding-bottom: 20px;}
	.exp-title{font-size: 90px;}
	.exp-play{width: 100px;}
	.exp-vdo .modal-dialog {
	    width: calc(100% - 20px);
	    height: 50vh;
	    margin-top: 100px;
	}
	button.close{
		right: 0px;
    	top: -36px;
    	font-size: 37px;
	}
	.pdgtn-indooract{padding-top: 0px;}
	ul.piact-list>li{width: 100%; height: inherit; margin-bottom: 30px;}
	.pdgtn-footer .img-pdgtn-logo{margin-left: 0;}

	.pdgtn-home.subpage{height: 250px; margin-top: 50px;}
	.accom-whitebox{margin-top: 30px;}
	.accom-slider, .accom-whitebox{width: 451px; margin-left: auto; margin-right: auto;}
	.room-suggestion {
	    max-width: 451px;
	    margin: 30px auto 0;
	}
	.pdgtn-dining{padding: 0;}
	.corphoney{padding-bottom: 40px;}
	.corphoney .ps-row.one{height: 300px;}
	.pdgtn-outdoor{padding-bottom: 20px;}
	.pod-bot {margin-top: 30px;}
	.spa-images{padding: 23px 0;}
	.spa-images .img-pdgtn{margin: 7px 0;}
	.pdgtn-contact{padding-top: 0;}
	.form-group.full, .form-group.half{width: 100%; float: none;}
	.gmap-box{
		top: auto;
		width: 100%;
		height: 300px;
	}
	.fm-contact{width: 90%; margin-bottom: 315px;}
	.contact-box {
	    margin-top: 20px;
	}
	.acm-contnd{display: none;}
	.pf-prelast .pf-det.acm-begng{margin-bottom: 0;}
	.foot-col {
	    width: 200px;
	    min-height: 100px;
	}
	.pcontact-box.full, .pcontact-box.half, .pcontact-box.med{
		width: 100%;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		height: inherit;
	}

}
@media (max-width: 560px) {
	.pdgtn-home h1{font-size: 70px; margin-bottom: 0;}
	.pdgtn-home p{font-size: 14px;}
	.pt-ulay-text{font-size: 85px; top: 60px;}
	.exp-title{font-size: 77px;}
	.exp-play{margin-top: -10px; width: 90px;}
	.offer-box{height: inherit;}
	.pdgtn-footer .img-pdgtn-logo{width: 240px; margin-left: 0;}
	.pdgtn-home.subpage{height: 220px;}
	.pdgtn-outdoor .offer-box{height: 250px;}
	.pgal-tabs>li>a {
	    font-size: 10px;
	    padding: 10px 15px;
	}
}
@media (max-width: 480px) {
	h1, .pdgtn-home.subpage h1{font-size: 26px;}
	h2{font-size: 21px;}
	h3{font-size: 16px;}
	h4{font-size: 14px;}
	a.af-social{width: 25px; height: 25px; font-size: 13px;}
	.exp-title{font-size: 60px;}
	.pdgtn-experience p{font-size: 18px;}
	.ob-smlttl{font-size: 10px; letter-spacing: 2px;}
	.ob-olay{width: 69%;}
	.pdgtn-home.subpage{height: 200px;}
	.accom-slider, .accom-whitebox{width: 331px;}
	.accom-slider {padding-bottom: 46px;}
	.accom-slider .carousel-indicators li{padding: 0 2px;}
	.accom-whitebox{margin-top: 20px;}
	ul.amenities-list>li{width: 100%; max-width: 190px; float: none; margin-right: auto; margin-left: auto;}
	.acmdn-det .nav-tabs>li>a{font-size: 14px;}
	.acmdn-det .nav-tabs>li {margin-right: 26px;}
	.pdgtn-outdoor .offer-box{height: 200px;}
	.pgal-tabs>li>a {
	    font-size: 9px;
	    padding: 10px 12px;
	}
	img.gal-img{width: 50%;}
	.pc-formbox{padding: 25px;}
	.contact-box{display: block;}
	.cb-item{width: 100%; margin-bottom: 30px;}
	.foot-col {
		width: 100%;
	    max-width: 150px;
	    min-height: 120px;
	}
	ul.pdgtn-soc>li{padding-bottom: 2px;}
	
}
@media (max-width: 360px) {
	.pdgtn-home h1{font-size: 60px;}
	.pt-ulay-text{font-size: 75px;}
	.ob-olay{width: 85%;}
	.pdgtn-home.subpage{height: 180px;}
	.accom-slider, .accom-whitebox{width: 288px;}
	.accom-slider {padding-bottom: 40px;}
	.acmdn-det .nav-tabs>li>a{font-size: 12px;}
	.acmdn-det .nav-tabs>li {margin-right: 20px;}
	.pdgtn-outdoor .offer-box{height: 190px;}
	.pgal-tabs>li>a {
	    font-size: 8px;
	    padding: 8px;
	}
	.fm-contact{width: 100%;}
	.foot-col {min-height: 140px;}
}

/* Media Query for Iphones */

	/* ----------- iPhone 4 and 4S ----------- */

	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2) {
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
	}
	
	/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 568px)
	  and (-webkit-min-device-pixel-ratio: 2) {
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 568px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 568px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
	}
	
	/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2) { 
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) { 
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) { 
	}
	
	/* ----------- iPhone 6+, 7+ and 8+ ----------- */
	
	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-width: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3) { 
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-width: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: portrait) { 
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-width: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: landscape) { 
	}
	/* ----------- iPhone X ----------- */

	/* Portrait and Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 812px) 
	  and (-webkit-min-device-pixel-ratio: 3) { 
	}
	
	/* Portrait */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 812px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: portrait) { 
	}
	
	/* Landscape */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 812px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: landscape) { 
	}


/* ----------- VIDEO MEDIA QUERY ----------- */
/* Portrait and Landscape */
@media(min-aspect-ratio: 16/9){}
@media(max-aspect-ratio: 16/9){
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
   /* your css rules for ipad portrait */
}
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
   /* your css rules for ipad pro portrait */
   
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
   /* your css rules for ipad landscape */
}
@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
   /* your css rules for ipad landscape */
   
}