@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
	}

@media (max-width: 1276px) {	
.container	{
	width:94%;
	padding:0 3%;
}
.header-right-panel{
	width:63%;
	float:right;
	}
p.recommended_box_text {
    width: 200px;
	}	

.content_left {
    float: left;
    width: 58.709%;
	}
.content_right {
    float: right;
    width: 38.862%;
	}
.banner_right img {
    position: inherit;
	}
.banner {
    padding: 33px 0 25px;
    position: relative;
    width: 100%;
	float:left;
	}	
	
h2.banner_head {
    font-size: 27px;
    line-height: 33px;
    padding: 20px 0 0;
	}
	
.banner {
    padding: 200px 0 25px;
    position: relative;
    width: 100%;
	}	
.header_bg {
   height:600px;
	}	
	
.banner_heding{
	padding:40px 0 0 0;
   }
.banner_heding_sub{
	font-size:15px;
	line-height:20px;
	padding:15px 0 15px 0;
	height:135px;
	}		
.banner_left_text{
	padding:0 20px 20px 20px;
   }	
	
h2.about_box2{
	 font-size:20px;
	 margin:0 0 20px 0;
	 text-align:left;
 }
 
.about_panel_left{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:0 0 0 20px;
	}
.about_panel_right{
	padding:0 0 0 20px;
	} 
 ul.about_box{
	padding:0;
	margin:0;
 }
ul.about_box li{
	width:45%;
 }	
	
.author_fixed{
	float:right;
	margin:0 30px 0 0;
	width:90%;
}
.definete_fixed{
	float:left;
	margin:0 0 0 15px;
	width:90%;
} 		
	
}


@media (max-width: 1024px) {
h2.banner_head {
    font-size: 27px;
    line-height: 33px;
    padding: 20px 0 0;
	}
.banner_right img {
    position: inherit;
	}	

.banner {
    padding: 100px 0 25px;
    position: relative;
    width: 100%;
	}	
.header_bg {
   height:450px;
	}
.banner_heding{
	padding:40px 0 0 0;
   }
.banner_heding_sub{
	font-size:13px;
	line-height:20px;
	padding:15px 0 15px 0;
	height:135px;
	}		
.banner_left_text{
	padding:0 20px 20px 20px;
   }
 h2.about_box2{
	 font-size:20px;
	 margin:0 0 20px 0;
	 text-align:left;
 }
 
.about_panel_left{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:0 0 0 20px;
	}
.about_panel_right{
	padding:0 0 0 20px;
	} 
 ul.about_box{
	padding:0;
	margin:0;
 }
ul.about_box li{
	width:45%;
 }	
 
.author_fixed{
	float:right;
	margin:0 30px 0 0;
	width:90%;
}
.definete_fixed{
	float:left;
	margin:0 0 0 15px;
	width:90%;
} 

.nav-collapse li{
	margin:2px;
   }
.nav-collapse a{
	font-size:14px;
   }   
.w3-modal-content{margin:auto;background-color:#d6bc8a;position:relative;padding:40px 0;outline:0;width:90%; text-align:left;}	   
	
}
@media (max-width: 768px) {
.banner_heding_sub{
	font-size:16px;
	line-height:24px;
	padding:15px 0 15px 0;
	height:auto;
	}
.top{
	padding-bottom:20px;
	}

.main-logo{
    margin: 10px 0 20px;
    text-align: center;
    width: 100%;
	}
.container	{
	width:94%;
	padding:0 3%;
	}
		
.header-right-panel{
	width:100%;
	float:right;
	}
	
.banner_left{
    width:100%;
	padding:20px 0 0 0;
	}	
	
.banner_right{
    width:100%;
	padding:20px 0 30px 0;
	}	



.banner {
    padding: 20px 0;
    position: relative;
    width: 100%;
	}	
	
	
ul.topnav{
	padding:0;
	margin:0;
	text-align:center;
	}		
ul.topnav li{
	width:32%;
	}	
ul.footer_m li{
	 padding:0 7px;
	}
	

	
	
	
.banner_left_mg{
	width:100%;
	text-align:center;
    }
.banner_left_mg img{
	text-align:center;
    }
.banner_left_text{
	width:100%;
	text-align:center;
    }		
.banner_heding{
	padding:20px 0 0 0;	
	}		
.banner_read_more a{
	margin:0 auto;
	width:100px;
	}	
	
.about_panel{
	background:inherit;	
    padding:3em 0 4em 0;	
	}
.about_panel_left{
	width:100%;
	float:left;
	background:#f7f7f7;
	padding:20px 0;
	}	
.about_panel_right{
	width:100%;
	float:left;
	padding:40px 0 20px 0;
	background:#f0f0f0;
	}		
h2.about_box2{
	text-align:center;   
	font-size:25px;
	line-height:30px;
	margin:0 0 30px 0;
   }		
 
ul.about_box{
	text-align:center;
	}	
ul.about_box li{
	display:inline;
	float:none;
	margin:0;
	}
ul.about_box li span{
	margin:10px 0 20px 0;
	}
h3.praise_text02{
	width:auto;
    }
h3.praise_text{
	width:auto;
    }	
.author_panel_left{
	width:100%;
	float:left;
	}
.author_panel_right{
	width:100%;
	float:right;
	margin:30px 0 0 0;
	}	
.author_panel{
	width:94%;
	padding:0 3% 20px 3%;
	}
.author_fixed{
	float:none;
	margin:0 38px 0 0;
	width:100%;
	}
.definite_panel{	
	width:94%;
	padding:20px 3% 20px 3%;
	}
.definite_panel_left{
	width:100%;
   }
.definite_panel_right{
	width:100%;
   }	
		
.definete_fixed{
	float:none;
	margin:0 38px 0 0;
	width:100%;
	}		
		
.w3-modal-content{margin:auto;background-color:#d6bc8a;position:relative;padding:20px 0;outline:0;width:90%; text-align:left;}					
	}