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

	.bg-package2 {
    		position: absolute;
    		top: -5% !important;
    		left: -35% !important;
    		height: auto;
    		width: 100% !important;
    		opacity: 0.4;
	}
}

@media only screen and (max-width: 580px) {
 .page--promo-detail .customize-hero{ 
    display:none !important;
  }

 .inner-content-2{
	height:65px !important;
}

}


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



	#fixed-icon-bar .mobile-view-sidnav {
    	   background-color: white !important;
	}
	.main-feature .block-item .copy {
   	  padding: 5px 0px !important;
	}


	.main-feature .block-item .copy h3 {
    	     font-size: 11px !important;
    	     line-height: 1.5 !important;
	}

	.main-feature h1 {
   	      font-size: 20px !important;
   	      margin: 0;
	}

	.section-package h2 {
    		font-size: 20px !important;
	}
	.customize-font h2{
		font-size:20px !important;
	}

.bg-package2 {
    position: absolute;
    top: -5% !important;
    left: -33% !important;
    height: auto;
    width: 80% !important;
    opacity: 0.4;
}

.page--home .section.featoth .mediabox .mediabox-copy .title {
    font-size: 18px !important;
    margin-bottom: 5px !important;
}

	.page--home .section.hero .hero-slider.slick-initialized.slick-slider .slick-dots{
    		bottom: -29px !important;
    		margin: auto;
    		position: absolute !important;
    		z-index: 3 !important;
	}

	.footer .max-whtd2 {
   		max-width: 90% !important;
    		height: auto;
    		width: 100%;
		}

	

.footer .lose {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.footer .contact-1{
font-size:27px !important;
}

	.footer .footer-top .inner-container {
    		padding: 20px 0 20px !important;
	}

	.footer .f-list {
		text-align:center !important;
	}

	.socmed .socmed-ul .socmed-li {
    		color: #fff;
    		margin: 1rem !important;
	}

	.link-icon-footer {
    		font-size: 2rem !important;
	}

.footer .footer-bottom .address {
    font-size: 14px !important;
}

.footer .flex2 {
    flex-direction: column;
}



}

/*end 552px*/

		@media only screen and (max-width: 521px) {
				.ico-shared{
				max-width:27px !important;
			}
		}


.w-100{
width:100%;
}

.mxw-200{
max-width:200px;}

.customize-js{
position:absolute; bottom:-5px; z-index:2; width:100%;
}