@media only screen and (max-width:479px) {
.container_main {
	
}

.title_top {
	width: 94%;
	padding: 14px 11px;
	font-size: 17px;
	line-height: 22px;
	left: 10px;
	top:30px;
}
.cntents {
	font-size: 15px;
    line-height: 22px;
    width: 86%;
    top: 2%;
    left: 2%;
    padding: 4px 0;
}
.flexslider {
	border: none;
	border-radius: 0px
}
.slider-button{
	top:74%;
	width:95%;	
}
.slider-button a{ font-size:15px; top:50%; padding:10px 21px; left:27.6%; color:#fff;}

.flex-direction-nav li a.prev{
	left:10px;	
}
.flex-direction-nav li a.next{
	right:10px;	
}
.flex-control-nav{
	bottom:10px;
}

}
@media only screen and (min-width:480px) and (max-width:599px) {
.container_main {
	
}

button.btn.btn-warning.hideme2 {
    font-size: 55% !important;
    height: 35px !important;
    width: 1%;
    margin-top: -15px;
}


.title_top {
	width: 94%;
	padding: 20px 15px;
	font-size: 18px;
	line-height: 25px;
	left: 10px;
	top: 36px
}
.cntents {
	    font-size: 22px;
    line-height: 24px;
    width: 77%;
    top: 5%;
    left: 2%;
    line-height: 22px;
    padding: 4px 0;
}
.flexslider {
	border: none;
	border-radius: 0px
}

.slider-button{
	width:100%;
	top:71%;	
}
.slider-button a{ font-size:15px; top:50%; padding:10px 21px; left:33.6%; color:#fff;}
.flex-direction-nav li a.prev{
	left:10px;	
}
.flex-direction-nav li a.next{
	right:10px;	
}
}
@media only screen and (min-width:600px) and (max-width: 800px) {
.container_main {
	
}

.maintextbanner {

    border-bottom: 2px !important;
    border-bottom-color: #000 !important;
    border-style: solid !important;

}

button.btn.btn-warning.hideme2 {
    font-size: 50% !important;
    height: 40px !important;
    margin-top: -35px;
}


.title_top {
	width: 80%;
	padding: 20px 15px;
	font-size: 18px;
	line-height: 25px;
	left: 55px;
	top: 36px
}
.cntents {
	font-size: 26px;
    line-height: 32px;
    width: 86%;
    top: 5%;
    left: 3%;
    line-height: 22px;
    padding: 4px 0;
    width: 80%;
}
.cntents{ line-height:32px}
.flexslider {
	border: none;
	border-radius: 0px
}

.slider-button{
	width:100%;
	top:67.5%;	
}
.slider-button a{ font-size:15px; top:50%; padding:10px 21px; left:37.6%; color:#fff;}

.flex-direction-nav li a.prev{
	left:15px;	
}
.flex-direction-nav li a.next{
	right:15px;	
}

}
@media only screen and (min-width:768px) and (max-width:1023px) {
.container_main {
	
}

.hideme2 {
    font-size: 42% !important;
    height: 40px !important;
}

.maintextbanner {

    border-bottom: 2px !important;
    border-bottom-color: #000 !important;
    border-style: solid !important;

}

.title_top {
	width: 76%;
	padding: 40px 11px;
	line-height: 34px;
	left: 58px;
	top:68px;
}

.flexslider {
	border: none;
	border-radius: 0px
}
.slider-button{
	width:100%;	
}
.slider-button a {
	float: left;
	margin: 0px;
	padding: 17px 40px;
	font-size: 18px;
	color: #fff;
	border: 3px solid #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 1;
	color: #fff;
	top: 70%;
	left:36.6%;
	text-decoration: none;
}
}

@media only screen and (min-width:1024px) and (max-width:1270px) {
.container_main {
	
}
.title_top {
	width: 77%;
	top: 100px;
}
.cntents {
	 
	 
	top: 10%;
    width: 69%;
    left: 5%;
    font-size: 42px;
    line-height: 48px;
}
.flexslider {
	border: none;
	border-radius: 0px
}
.slider-button{
	width:69%;
	top:65.5%;
	left:16%;
		
}
.slider-button a{ left:40.6%;}
}

@media only screen and (min-width:1440px) and (max-width:1599px){
	.slider-button{
		width:70%;	
	}
}
@media only screen and (min-width:1601px) and (max-width:1799px){
	.cntents{
		    top: 7%;
    width: 47%;
    left: 21%;
	}
	.slider-button{
		top:63%;
		width:47%;	
		left:28%;
	}
}
@media only screen and (min-width:1800px){
	.cntents{
		top: 10%;
    width: 43%;
    left: auto;
	}
	.slider-button{
		top:63%;
		width:43%;
		left:28%;	
	}
	/*.flexslider .slides img{
	height:910px !important;	
}*/
}




@media only screen and (min-width:801px) and (max-width:1023px) {

.cntents {
	left: 5%;
    top: 10%;
    line-height: 40px;
    width: 69%;
    font-size: 32px;
}
}


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

.maintextbanner {
    border-bottom: 1px !important;
    border-bottom-color: #000 !important;
    border-style: solid !important;
}

}



@media only screen and (min-width:1271px) and (max-width:1420px) {

.cntents {
top: 10%;
    width: 69%;
    left: 12%;
    /* font-size: 42px; */
    line-height: 50px;
}
}



@media only screen and (max-width: 340px) {
.cntents {
    font-size: 15px;
    line-height: 14px;
    width: 86%;
    top: 2%;
    left: 2%;
    padding: 4px 0;
}
    
    }



@media only screen and (max-width: 325px) {
.cntents {
    font-size: 12px;
    line-height: 14px;
    width: 86%;
    top: 2%;
    left: 2%;
    padding: 4px 0;
}
    
    }