{font-family: 'Play', sans-serif;}
@media screen and (min-width:320px) and (max-width:479px){

.h-package-area{width:300px;height:auto;padding:0 0 0 0;margin:30px 0 0 0;float:left;}
.package-h{width:300px;height:40px;background:url(../images/lobby-h.jpg) center top repeat-x;padding:0 0 0 0;
	margin:0 0 0 0;line-height:40px;font-size:22px;color:#FFF;text-align:center;font-family:Tahoma, Geneva, sans-serif;}
.full-area{width:300px;height:auto;padding:0 0 0 0;margin:0 0 0 0;overflow:scroll !important;font-size:14px;}
.package-text{width:300px;height:400px;padding:0 0 0 0;margin:0 0 0 0;overflow:scroll;}
.enq-btn2{margin:0px 0px 10px;padding:5px 15px;background:none;font-size:12px;color:#000 !important;padding:5px 10px;border:#ffffff 1px solid;border-radius:5px;}
.enq-btn2:hover{background:#a11717;color:#fff !important;}

.logo {
    float: left;
    height: auto;
    margin: 15px 0 0;
    padding: 0;
    text-align: center;
    width: 300px;
}
	#header-center {
    height: 150px;
    margin: 0 auto;
    padding: 0;
    width: 300px;
}
.top-number {display:none;}	
.follow-bg { display:none;}

#header-menu-wrapper {width:300px; text-align:center;}
#content-wrapper {width:300px; margin-top:25px;}
#banner-area { display:none;}
.s-box {margin:0 0 19px 31px}
.s-box-right {
    float: left;
	margin: 0 0 0 31px !important;
}
.left-welcome {width: 260px;}
.red-enquiry {width: 260px; margin-top:0;}
.en-input1 {width: 260px; float:left;}
.en-textarea1 {width: 260px; float:left;}
.packages-area {width:300px;}
.packages-area img {
    float: left;
    height: auto;
    margin: 0 15px 0 0;
    width: 300px;
}
.last-packages {
    margin:0 0 0 0 !important;
}
.pro-head-line {width:300px;}
#project-bg-wrapper {width: 300px;}

#project-bg {
    background:#efefef url(../images/tablet-probg.jpg) repeat-x scroll center top;
    border-top: 1px solid #000;
    height:auto;
	padding:0 0 20px 0;
}
.h-pro-box {
    margin: 0 0 10px 36px;
    transition: none 0s ease 0s ;
    width: 223px;
}
.h-pro-box:hover{ transform:scale(1); margin: 0 0 10px 36px; transition:none;}

#footer-center { padding: 20px 0 0; width: 300px;}
.footer01 {margin: 0 0 29px; width: 300px;}

.footer02 { margin: 0 0 0; padding: 0; text-align: left;  width: 300px;}
.footer03 {color: #a6a6a6; margin: 20px 35px 0 0; width: 240px;}
#footer {padding: 0 0 30px; width: auto;}
.footer-bottom {width: 251px; font-size: 9px;}
.red-heading1 { text-align:left;}

/*===== inner page css =======*/
#banner-area-inner { display:none;}
.inner-leftside {width:300px;}
.inner-rightside {width:300px;}
h1{text-align:center;}
.latest-pro-area { left:0; right:0; margin:0 auto;}
.packages-img {width: 300px;}
.latest-pro-area {width: 282px;}
.port-box{width:277px;}	
.form-input1 {width: 290px;}
.form-textarea1 {width: 288px;}
.enquiry-bt { display:none;}

.digital-menuarea {width: 300px;}
.blue-box1 {width: 300px;}
.digital-img img {margin: 0 0 0 0; width:240px; height:auto;}
.digital-left {margin: -20px 0 0 34px; width: 240px;}	
.digital-box-bottom {width: 300px;}
.red-box1 {width: 300px;}	
.visibility-right {width: 255px;}	
.visibility-threebox {width: 240px;}
.visibility-threebox01 {width: 240px; margin-bottom:15px;}
.visibility-threebox02 {width: 240px; margin-bottom:35px;}
.red-box-bottom {width: 300px;}

.visibility-img img {
    height: auto;
    margin: 0 0 0 0;
    width: 240px;
}
.green-box1 {width: 300px;}
.social-green {width: 270px;}
.methodo-text {margin: 7px 0 15px 0;}
.methodo-arrow {margin: 7px 5px;}
.green-box-bottom {width: 300px;}
.grey-box1 {width: 300px;}
.grey-box-bottom {width: 300px;}
.pink-box1 {width: 300px;}
.pink-benefits {margin: 30px 0 0 35px;  width: 393px;}
.pink-box-bottom {width: 300px;}
.methodo-arrow {margin: 7px 8px;}
.firoza-box1 {width: 300px;}
.mass-img {text-align: center; width: 300px;}

.mass-right {
    margin: 0;
    width: 274px;
}
.firoza-box-bottom {width: 300px;}
.digital-img {width: 300px; text-align:center;}
.white-heading01 {font-size: 40px;}
.visibility-img {width: 300px; text-align:center;}
.visibility-three-heading {font-size: 19px;}

.digitalmenu {width: 300px;}

.digitalmenu li {
    clear: both;
    display: block;
	width:100%;
	text-align:center;
}
.digitalmenu li a{
    clear: both;
    display: block;
	width:auto;
	text-align:center;
}

.green-h-bg {
    background: url("../images/green-h-bg.png") no-repeat scroll left top/100% 100% rgba(0, 0, 0, 0);
    font-size: 25px;
    width: 300px;
}
.methodo-text {width: 73px;}
.digital-left p {padding-right: 0;}
.pink-benefits {width: 230px;}

.mass-img img {
    height: auto;
    margin: 0;
    width: 240px;
}
.mass-right p {padding-right: 28px;}


}

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

.logo {
    float: left;
    height: auto;
    margin: 15px 0 0;
    padding: 0;
    text-align: center;
    width: 300px;
}
	#header-center {
    height: 150px;
    margin: 0 auto;
    padding: 0;
    width: 300px;
}
.top-number {display:none;}	
.follow-bg { display:none;}

#header-menu-wrapper {width:300px; text-align:center;}
#content-wrapper {width:300px; margin-top:25px;}
#banner-area { display:none;}
.s-box {margin:0 0 19px 31px}
.s-box-right {
    float: left;
	margin: 0 0 0 31px !important;
}
.left-welcome {width: 260px;}
.red-enquiry {width: 260px; margin-top:0;}
.en-input1 {width: 260px; float:left;}
.en-textarea1 {width: 260px; float:left;}
.packages-area {width:300px;}
.packages-area img {
    float: left;
    height: auto;
    margin: 0 15px 0 0;
    width: 300px;
}
.last-packages {
    margin:0 0 0 0 !important;
}
.pro-head-line {width:300px;}
#project-bg-wrapper {width: 300px;}

#project-bg {
    background:#efefef url(../images/tablet-probg.jpg) repeat-x scroll center top;
    border-top: 1px solid #000;
    height:auto;
	padding:0 0 20px 0;
}
.h-pro-box {
    margin: 0 0 10px 36px;
    transition: none 0s ease 0s ;
    width: 223px;
}
.h-pro-box:hover{ transform:scale(1); margin: 0 0 10px 36px; transition:none;}

#footer-center { padding: 20px 0 0; width: 300px;}
.footer01 {margin: 0 0 29px; width: 300px;}

.footer02 { margin: 0 0 0; padding: 0; text-align: left;  width: 300px;}
.footer03 {color: #a6a6a6; margin: 20px 35px 0 0; width: 240px;}
#footer {padding: 0 0 30px; width: auto;}
.footer-bottom {width: 251px; font-size: 9px;}
.red-heading1 { text-align:left;}

/*===== inner page css =======*/
#banner-area-inner { display:none;}
.inner-leftside {width:300px;}
.inner-rightside {width:300px;}
h1{text-align:center;}
.latest-pro-area { left:0; right:0; margin:0 auto;}
.packages-img {width: 300px;}
.latest-pro-area {width: 282px;}
.port-box{width:277px;}	
.form-input1 {width: 290px;}
.form-textarea1 {width: 288px;}
.enquiry-bt { display:none;}

.digital-menuarea {width: 300px;}
.blue-box1 {width: 300px;}
.digital-img img {margin: 0 0 0 0; width:240px; height:auto;}
.digital-left {margin: -20px 0 0 34px; width: 240px;}	
.digital-box-bottom {width: 300px;}
.red-box1 {width: 300px;}	
.visibility-right {width: 255px;}	
.visibility-threebox {width: 240px;}
.visibility-threebox01 {width: 240px; margin-bottom:15px;}
.visibility-threebox02 {width: 240px; margin-bottom:35px;}
.red-box-bottom {width: 300px;}

.visibility-img img {
    height: auto;
    margin: 0 0 0 0;
    width: 240px;
}
.green-box1 {width: 300px;}
.social-green {width: 270px;}
.methodo-text {margin: 7px 0 15px 0;}
.methodo-arrow {margin: 7px 5px;}
.green-box-bottom {width: 300px;}
.grey-box1 {width: 300px;}
.grey-box-bottom {width: 300px;}
.pink-box1 {width: 300px;}
.pink-benefits {margin: 30px 0 0 35px;  width: 393px;}
.pink-box-bottom {width: 300px;}
.methodo-arrow {margin: 7px 8px;}
.firoza-box1 {width: 300px;}
.mass-img {text-align: center; width: 300px;}

.mass-right {
    margin: 0;
    width: 274px;
}
.firoza-box-bottom {width: 300px;}
.digital-img {width: 300px; text-align:center;}
.white-heading01 {font-size: 40px;}
.visibility-img {width: 300px; text-align:center;}
.visibility-three-heading {font-size: 19px;}

.digitalmenu {width: 300px;}

.digitalmenu li {
    clear: both;
    display: block;
	width:100%;
	text-align:center;
}
.digitalmenu li a{
    clear: both;
    display: block;
	width:auto;
	text-align:center;
}

.green-h-bg {
    background: url("../images/green-h-bg.png") no-repeat scroll left top/100% 100% rgba(0, 0, 0, 0);
    font-size: 25px;
    width: 300px;
}
.methodo-text {width: 73px;}
.digital-left p {padding-right: 0;}
.pink-benefits {width: 230px;}

.mass-img img {
    height: auto;
    margin: 0;
    width: 240px;
}
.mass-right p {padding-right: 28px;}
	
}