@charset "utf-8";

/*addmedia query*/


/* Larger Screens Devices
-------------------------------------------------- */




@media screen and (max-width: 1320px) {
   
  
}

@media screen and (max-width: 1200px) {
   .footer .container,.GalleryHome .container,.WeddingPackage .container{width: 100%;}
  
  
}
@media screen and (max-width: 1100px) {
   .header .mainmenu{position: absolute; width: 100%;  overflow: scroll; left: 0; top:68px; margin-top: 0; visibility: hidden; opacity: 0;}
   .header .mainmenu > ul > li{width: 100%; margin:0; padding: 0; top: 0; border-bottom: 1px solid #ccc;}
   .header .mainmenu > ul > li > a{display: block; background:#f8f8f8; padding: 10px 20px;  font-size: 19px;}
   .header{height: 60px; border-bottom: 3px solid #af6a70; background: #fff; position: absolute; width: 100%; border-top: 0;}
  
    .logo{width: 220px; margin-left: 10px; height: auto; float: left;}
   .header.scrollto .logo{display: block;}
   .topheader,.wrapbooking{display: none;}
   .show-m-menu{display: block;}
   
   .showmenu  ul i{display: none;}
   .header .mainmenu .submenu{display: block!important; position: relative; left: 0; top: 0;
   padding-top: 10px; padding-bottom: 10px; width: 100%;}
  .header .mainmenu .submenu ul{float: none;}
  .hidem{display: none;}
}
@media screen and (max-width: 992px) {
.gal1wrap{width: 50%; float: left;}
.gal2wrap{width: 50%; float: left;}
.wrapmorePac .container{width: 100%;}
.wrapSlideservice{margin-bottom: 20px;}
}
@media screen and (max-width: 768px) {
  .gal1wrap,.gal2wrap{width: 100%; float: none; padding: 0; }
  .galbox.gal1{height: 400px; }
	.data-fancybox { height:auto; }	
  #slide{height: 60%;}
  .more_price .btn-morepackage,.more_price .price_inner{float: none; width: 100%;}
}
@media screen and (max-width: 680px) {
 .serviceHomeDetail{padding: 30px 20px 20px;}
 .video-home{height: 300px;}
 .gal5wrap,.gal6wrap{width: 50%;}
 h1{font-size: 30px!important;}
.data-fancybox { height:auto; }
}
@media screen and (max-width: 640px) {
  .more_price .btn-morepackage,.more_price .price_inner{float: left; width: 50%;}
  .packagelist li{float: none; width: 100%;}
  .packagelist img{width: 100%;}
  .InclusiveofList li{float: none; width: 100%;}
}

@media screen and (max-width: 500px) {
    .galbox{height: 180px;}
    .galbox.gal1{height: 200px;}
	.data-fancybox { height:auto; }
    .servicelist li{width: 100%;}
    .more_price .price_inner .value_price{font-size: 25px;}
}