/* some CSS here */


/* 2. #TABLET (PORTRAIT)
iPad portrait 768 x 1024
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

#header-in{padding:0px 10px;}

#container-in{padding:0px 10px;}

#services-in{padding:0px 10px;}


.rightside-cover { padding-right:0;

}
	
#services-in .leftside { width: 25%; }

#services-in .rightside { width: 69%; }

.enquiry-cover {padding:30px 0px;  }


#footer-row { padding:0px 10px; 
 }	
 

.footer-box { width: auto !important;  }
 
 #copyright-row {padding:0px 10px; }
	
	
	}


/* 3. #TABLET (LANDSCAPE)
iPad landscape 1024 x 768 and
Kindle landscape 1024 x 600
================================================== */
@media only screen and (min-width: 980px) and (max-width: 1024px) {
	

	
	}




/* --------------Mobile Styles------------------------------- */
@media only screen and (max-width: 767px) {

#header-in{
padding:0px 10px;
text-align:center;
overflow:hidden;
}

#menu-top{
	display:none;
}.owl-carousel .owl-item img {
    display: block;
    width: 65% !important;
}

.hi
{ display:none}
/***********
Home Page welcome
********************************/


#welcome-in{ padding:10px 10px;}

#welcome-in p{
padding:0px 0px;
margin-bottom:20px; text-align: left;}

#welcome-in .yy{ width:100%;}

.welcome-box{width: auto !important; float: none;  }


#overlay h2 {line-height:50px;
   }

/***********
Home custmer
********************************/

#custmer-in{padding:10px 10px; text-align: left;}


/*--services page--*/

.services-box {width: auto !important; float: none; display: block;}


/*--services inner page--*/
	
#services-in{padding:0px 10px;}

.services-rightside {width: auto !important; float: none; display: block; }

.services-leftside {width: auto !important; float: none; display: block; margin-bottom:30px;}

.rightside-cover{ padding:0px 0px;}

.services-rightside h1 {float: none; display: inline-block;}
.services-rightside h2 {float: none; display: inline-block; margin-bottom:5px;}

/*--inner page*/

#container-in{padding:0px 10px;}



/*--contact page--*/

.address{  width: auto !important; float: none; display: block; margin-bottom:30px;  }

.sap{display: none;}

.map{width: auto !important; float: none;}



/*--enquiry page--*/

.enquiry{  width: auto !important; float: none; display: block; }

.name-row{}

.row-in{float: none;}

.name{float: none; width: auto !important; line-height:30px; display: block; }


.text-row{}

.text-row2{ text-align:left;}

.text{float: none; line-height:30px; width: auto !important; display: block; }
 .caption.text
 { font-size:14px !important;
 line-height:20px !important;}

.text-in{float: none; width: auto !important; display: block;}

.input3 {
    width: auto !important;
}

.input4 {
    width: auto !important;
}

.input5 {
    width: auto !important;
}

label { float: none; padding-right: 0px;  }

input {float: none; margin-bottom:4px;  }

textarea{width: auto !important;}

select{width: auto !important;}

iframe {
position: relative;
margin:0;
padding:0;

width: 100%;
height: 100%;

}


/***********
Footer page
********************************/


#footer-row { padding:0px 10px; 
 }
 
.footer-box { width: auto !important; float: none; }
 
 
 
#copyright-row {padding:0px 10px; }

.copyright-box {width: auto !important; float: none;}
  
.copyright-right{ text-align: left;}
 
 }
 
 
 
 @media (min-width: 959px) and (max-width: 1200px) {
	 
	 #header-in{padding:0px 10px;}

#container-in{padding:0px 10px;}

#services-in{padding:0px 10px;}

.enquiry-cover {padding:30px 0px;  }


#footer-row { padding:0px 10px; 
 }	
 
 #copyright-row {padding:0px 10px; }
	 
	 
	 }