
/*ipad pro*/
@media screen and (max-width:1024px){



}


/*ipad*/
@media screen and (max-width: 1000px){
.container {
    width: 98%;
    padding: 0 1%;
}
.topicbar .topic{
	width: 100%;
}
.topicbar .topic h1{
	font-size: 28px;
}
.col1{
	float: left;
	
}
.col2 {
    width: 46%;
    float: left;
    margin-left: 1%;
}
.col3{
	float: left;
	width: 100%;
}
.imgrow{
	display: none;
}
.pageProfession .flinkbox .flink{
	width: 100%;
}
.flinkbox .flink h2{
	height: auto;
}
.flinkbox .flink{
	margin-left: 0;
}

}
/*iphone*/
@media screen and (max-width: 767px){

.col1{
	width: 100%;

}
.col2 {
    width: 100%;
    float: left;
    margin-left: 0%;
}
.pageProfession #header .searchbar{
	margin-left: 0;
}
.topicbar .topic{
	padding-left: 0;
	background: none;
}
.col3 .imglist,.col3 .imglist li{
	margin: 0;
}
#autopic img{
	max-width: 100% !important;
	width: 100% !important;
}
.main-wrapper .content p{
	text-indent: 0!important;
}
.imga img{
	width: 100%;
}

}

