@charset "utf-8";
/* CSS Document */

/*===============================	For specific bandwidth	===============================*/
@media screen and (min-width: 1280px) and (max-width: 1366px) {
	
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
.section_img img{width: 90%; height:auto;}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
.section_img img{width: 90%; height:auto;}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
.section_img_col {width: 50%;}
.section_img img{width: 90%; height:auto;}
.col_content {width:50%;}	
}
@media screen and (min-width: 640px) and (max-width: 719px) {
.section_img_col {width: 50%;}
.section_img img{width: 100%; height:auto;}
.col_content {width:50%;}		
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.section_img_col {width:80%;margin: 0 auto;float: none;}
.section_img img{width: 100%; height:auto;}
.col_content {width:90%;}	
}
@media screen and (min-width: 320px) and (max-width: 479px) {
.info_col {width: 80%;float: none;margin: 10px auto;}
#services_section { display:block; display:inline-block; height:100%;}
.btn_text {font-size: 15px;padding: 15px;}
.main_text {font-size: 120%;}
.col_3{ width: 100%;}
#social_icon-block ul li {margin: 0 4%;}
#copyright { clear: both; margin: 10px auto 0;}
}
@media screen and (max-width: 320px) { 
.info_col {display: block;width: 100%;margin: 15px auto;text-align: center;}
.form_content {width: 100%;float:none;margin: 10px 0;display: inline-block;}
.message_form form input {width: 145px;margin: 0 5px 0 0;}
}
/*===============================	for max-width values	===============================*/
@media screen and (max-width: 480px){
.col_text { width: 70%;padding: 0;}
#block_img {float: none;width:100%;padding: 0;}
#block_img img {width: 100%; height:auto;}
#block_text {width: 98%; padding: 1%;}
.learn_more { display: block; margin:0 auto;}
.section_img_col {width:100%;float: none;margin: 0 auto;}
.section_img img{width: 90%; height:auto;}
.col_content {width: 100%;}
.content { padding: 0;}
#services_section { display:block; display:inline-block; height:100%;}
.btn_text {font-size: 15px;padding: 15px;}
.main_text {font-size: 120%;}
.col_3{ width: 100%;}
#social_icon-block ul li {margin: 0 4%;}
#copyright { clear: both; float: none; text-align: center; margin: 10px auto 0;}
}

/*===============================	for inner pages text content in "p" element etc.	===============================*/
@media screen and (max-width: 720px) {
 .left_block, .right_block {width:100% !important; float:none !important;}
 
}

/*===============================  Custom Call & Mail CSS	===============================*/
@media screen and (min-width: 481px){#mo_call_mail_popup { display:none; }}
@media screen and (max-width: 480px){
#mo_call_mail_popup {position: fixed; z-index:5; bottom:0; background:rgba(0,0,0,0.5); border-top:1px solid #A1C627; width:100%; /* height:50px; */ box-sizing:border-box;}

.pop_ico {font-size: 20px !important; width:50%; height: 100%;text-align: center; padding: 2px 0 !important;}
.pop_ico:hover { background : #A1C627; color:#1b5083; }

}