@media (min-width:1024px){

}
@media (min-width:1024) and (max-width:1199px) {
  
  
  
  }
  
@media only screen and (min-width: 768px) and (max-width:1024px){
	
.banner-img img{width:100%;}
	
	.single-row p{   width:100%;}
  }
  
@media only screen and (min-width:768px) and (max-width:991px){

h1 {
    font-size: 44px;
line-height: 56px;}
.social-links li a {
    width: 30px;
    height: 30px;
line-height: 32px;}
.social-links li{    margin-right: 2px;}

	
	
}
  


@media (max-width: 767px) {
	.sticky .header {    position: inherit;
    padding: 13px 0;
    box-shadow: none;}
	.logo {     
	float: left;
    width: 63%;
    text-align: center;
    margin-bottom: 0;
    z-index: 1000000;
    }
	.mean-container a.meanmenu-reveal span{    background: #008e36;}
	.mean-container a.meanmenu-reveal{background:none;    top: -5px;}
	h1 {font-size: 26px;line-height: 34px;}
	.banner-img img{width:100%;}
	.content h3{    font-size: 23px;line-height: 27px; margin: 2px 0 7px;}
	.content.align_right h3 { text-align: center;}
	.align_right , .pull-right , .content h3{    text-align: center;}
	.service-content {width: 100%;float: left;}
	.service-focuz{    padding: 0px 0;}
	h3 {
    font-size: 28px;
    line-height: 33px;}
	.icons-outer li{    width: 19%;}
	.icons {
    width: 70px;
    height: 70px;
    line-height: 70px;}
	
	 .icons img{   width: 46%;}
.icons-outer li span{font-size: 17px;}
.gallery-con{    padding: 0 0;}
.gallery-outer{    padding: 29px 0 17px;}
.popup-gallery ul li{       display: inline-table;
    padding: 0 1px;}
.popup-gallery ul li:nth-child(3n+1) {
    margin-left: 0px;
}
.popup-gallery ul li:nth-child(2n+1) {
    margin-left: 0px;
}
.focuz-outer{padding: 6px 0;}
.single-row p{    width: 100%;}
.input-sec{       padding: 0;}

	.footer .logo{margin:0;}
	.footer p{    margin: 18px 0px 12px;}
	.hassub:before{content:none;}
	
	.single-row{    margin: 9px 0 0;
}
    .solutions {
    text-align: center;
}
.footer p {
    margin: 18px 0px 12px;
    text-align: center;
}
.header {
    position: relative;
}
.banner-area {
      margin-top: -60px;
    overflow: unset;
    z-index: 10;
}
.booking-div {
    position: unset;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 16px;
    background-color: #0d0d0d;
}
.group {
    width: 100%;
 }
 .nice-select .list {
    background-color: rgb(111, 111, 111);
}
.available {
    background: rgb(86, 21, 21);
    }
    .room-sec .col-sm-6
    {
    	padding: 0;
    }
    .about-us
    {
    padding: 46px 0;
    }
    .logo img {
    width:167px;
     }
     .menu-outer {
    top: -61px;
    position: relative;
    }
    .mean-container .mean-nav {
    margin-top: 50px;
    margin-bottom: 16px;
    }
	
	.mean-container .mean-nav{    background: #008e36;}
    .header-bottom {
       margin-bottom: 0;
    background: black;

}
    
    .banner-div {
    top: 51%;
     }
   /* .header-top {
    background: #000000;
    }*/
    .social-links {
    float: none;
    text-align: center;
    padding-top: 13px;
  }
  .header-top {
    text-align: center
   }
   
.list-icon-items.no-margins>li{width: 48%;}   
   
 .contact-left{width: 100%;text-align: center;    float: left;} 
.contact-right{width: 100%;    float: left;} 
   h2 {font-size: 33px;line-height: 36px; margin-bottom: 10px;}
   
  .solutions p a {
    float: left;
    width: 100%;
} 
   
  #testimonial blockquote p{padding: 19px 10px;}
  #testimonial blockquote p:before{    background-size: 27px;}
  #testimonial blockquote p:after{    background-size: 26px;    right: -81px;}
  
  .about-img2{    top: -32px;    left: 35%;    width: 88%;}
  .inner-page{    padding: 17px 6px;}
  .heading-box h2{    font-size: 28px;}
  
  .table-sec .tablecell{    display: block; float: left; height: auto; width: 100%;
}
   .facility-list p{     font-size: 12px;text-align: center;}
   .facility_container img{    margin: 16px 0px;}
   .main_banner aside h2 {
    font-size: 34px;
    line-height: 40px;
   }
   
  .mean-container .mean-nav ul li{padding:0;} 
   
  .about-inner ul{    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;} 
	.facility-list li{
    width: 24%;}
   
   
  	.gallery-sec .container .gallery a img{ width: 49% !important;    height: 180px!important;} 
   
   .main_banner{    margin-top: -58px;    z-index: 100;}
   .title-grid{   padding: 0 10px;}
   .title-grid h2{    font-size: 35px;}
 img.img-place {
    position: inherit;
    width: 100%;
    left: inherit;
    top: inherit;
}

.content-data{    width: 100%;
    padding-top: 0;padding-bottom: 27px;}  
	.kannur-abt-sec {
    padding: 0 24px;
}
	.all-outer{    padding: 20px 10px;}
	.content-data-2 {
    width: 100%;
    padding-top: 2px;
    padding-bottom: 20px;}
	
	img.img-place-2 {
    position: inherit;
    width: 100%;
    right: inherit;
    top: inherit;
    margin-bottom: 24px;
}
   
   .box-col-single{    height: 67px;}
   .tarif-first-img {
   width: 100%;}
   .img-sec {
   width: 100%;margin-bottom: 24px;}
   .tarif-cont{    float: left;
    width: 100%;
    padding-left: 0;
    padding: 0 20px;}
	
	
.registration-sec .contact-left{    padding: 10px 10px 24px 0;    margin-top: 13px;}
   
   
}



@media (max-width: 480px) {
	.icons-outer li{    width: 49%;}
	.gallery-sec .container .gallery a img{ width: 100% !important;        height: auto !important;}
	.footer-sec p {
    color: #e2c285;
    line-height: 27px;
        font-size: 4vw;
  }
   .list-icon-items a .pseudo-link {

    font-size: 4vw;
}
.cont-d 
{
  font-size: 5vw;
}
.contact-left {
    padding: 10px 10px 10px 10px;
    }

}


@media (min-width: 992px) and (max-width: 1199px)
{
	.room-sec h4 {
    margin: 28px 0 40px;
        }
    .banner-div h1, .banner-div h3 
    {
    position: relative;
    font-size: 63px;
    line-height: 57px;
    }
    .m-menu {
    padding-top: 0px;
    }
    .banner-div {
    position: absolute;
    top: 51%;
    }
}
@media (min-width: 992px) and (max-width: 1200px)
{
  .mar-li
  {
         margin-top: 13px; 
  }
}

@media (min-width: 768px) and (max-width: 992px)
{
  .img-dish {
    padding: 0;
    z-index: 1;
    position: relative;
    float: left;
  }
  .img-dish img {
    width: 100%;
   
  }
	.group input {
    width: 70%;
    padding: 11px 8px;
    }
    button.ui-datepicker-trigger {
    width: 30%;
    padding: 7px 4px;
     }
     .nice-select {
       padding: 11px 0px;
    }
    .nice-select span {
    padding: 6px 9px;
    }
    .available {
    padding: 1px 10px;
    }
    .table-cell-content h4 {
    
    font-size: 27px;
   
    }
    .table-cell-content h4:after {
    top: 38px;
    }
    .room-sec h4 {
    margin: 15px 0 40px;
    font-size: 33px;
    }
    .mean-container a.meanmenu-reveal {
     background: #0000; 
   }
   .banner-div h3 {
    font-size: 40px;
    line-height: 17px;
   }
   .banner-div h1, .banner-div h3 {
    font-size: 32px;
    }
    .banner-div {
    position: absolute;
    top: 48%;
    }

    
}
@media (min-width: 320px) and (max-width: 767px)
{
	.table {
    display: block;
    margin: 0;
    }
    .table-cell img {
    width: 100%;
    }
    .table-cell-content {
    width: 100%;
    float: left;
    }
    .table-cell {
    display: block;  
    float: left;
    }
    .table-cell.img-sec {
    width: 100%;
    }
    .img-dish
    {
      float: left;
      width: 100%;
      padding: 0;
    }
    .img-dish img 
    {
    padding:0;
    }
}
@media (max-width: 992px)
{
	/*.about-us:after {
    content: "";
    background: #ffffffb3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}*/
.about-us
	{
		    position: relative;
	}
	.about-inner 
	{
    z-index: 25;
    position: relative;
    color: black;
     }
}
@media (min-width: 480px) and (max-width: 767px)
{
	.room-sec .flex-control-nav {
    width: 50%;
    position: absolute;
    bottom: 461px;

    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 1000;
    background: none;
     }

}



@media (min-width: 320px) and (max-width: 479px)
{
	.banner-div {
    top: 51%;
  }
  .banner-div h1, .banner-div h3 {
    position: relative;
line-height: 34px;
    font-size: 24px;    margin: 0;
  }
  .about-inner p {
 
 
    text-align: justify;
    letter-spacing: -0.9px;
}
  
  .banner-div h1:after{      background-size: 51%;  top: -29px;}
  .banner-div h3:after{content:none;}
  
  .room-sec .flex-control-nav {
    bottom: 550px;
    left: 0;
    right: 0;
    margin: 0 auto;
   }
    .menu-outer {
    top: -50px;
    position: relative;
   }
   .about-inner h2 {
  
        font-size: 34px;
    line-height: 54px;
    text-align: center;
   }
   .about-inner h2:after {
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .table-cell-content h4 {
    font-size: 34px;
  }
  .room-sec h4 {
    font-size: 29px;
  }
  .gallery-con h2 {
    font-size: 34px;    margin-top: 25px;
 }
 
 .about-top{    padding: 0 0 0;}
 .gallery {    padding: 0 15px;}
 
 .single-div {
    width: 50%;
    margin: 0 auto 20px;
    height: 222px;
}
 
 .styled {
    font-size: 32px;
    }
  span.lines:before, span.lines:after {
    width: 31px;
    }
    span.lines:before {
    left: -37px;
     }
     span.lines:after {
    right: -36px;
    }
    .about-us {
    background-size: cover;
      }
.list-icon-items.no-margins>li {
    width: 100%;
}	  
	  
.bullet-list ul li:after{left: 3px;}
.bullet-list ul li{padding: 5px 13px;}	  
	  
.img-grid  {display:none;}
.places{    padding: 0 0 10px;}	  
	.contact-right:before{content:none;}  
.footer-sec{    padding: 31px 0px 7px;}	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
}

@media (min-width: 768px) and (max-width: 1060px)
{
  .about-img2
    {
      display: none;
    }
    .about-img {
    width: 100%;
    margin-top: 12px;
   }
}
@media (min-width: 1200px) and (max-width: 1400px)
{
	.banner-div {
  
    top: 50%;

}


@media (min-width: 481px) and (max-width: 1024px){

.single-div{    height: 207px;}
}

@media (min-width: 320px) and (max-width: 480px)
{
  .info-i
  {
    line-height: 22px;
        padding: 0px 10px 18px 13px;
  }
}