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

}
@media screen and (max-width: 1250px) {
.mainmenu ul > li > a{
padding:0 5px;
}
.pages{
width:97%
}

}

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

}

@media screen and (max-width: 1024px) {
.pages{
width:97%
}
.logo h1{
font-size: 29px;
}
.firstabout article img{
float:none;
}
.firstabout article{
text-align:center;
}
.firstabout article div{
width:100%;
}
#chartpie span.chart {
margin: 41px 3%;
width: 19%;
}
.userinfos ul {
top: 45px;
right: 44px;}
.userinfos h6 {
top: 55px;
}
.userinfos b {
top: 66px;
}
}

@media screen and (max-width: 1000px) {
.sticky-wrapper{
display:none;
}
.is-sticky .mainmenu {
	position:relative !important
}
.mainmenu ul li a{
line-height:40px !important;
padding:0 !important;
margin:0 !important;
top:0 !important;
right:0 !important;
border:0 !important;
bottom:0px !important;
display:block;
width:100%;
text-align:right;
background:none !important;

}
.usercont li span{
display:none;
}
.submenu ul{
width:100%;
box-sizing:border-box;
}
.submenu ul li:hover{
background:none !important;
}
.mainmenu ul li a:after{
display:none !important;
}

.mainmenu .submenu{
display:none;
margin-bottom:10px;
transition:all 0s;
background: #FFF url('../images/submenu.jpg') no-repeat left center;
}
.mainmenu ul > li {
padding: 2px 0 !important;
line-height:30px;
border-top:1px #ccc solid;
padding: 0px 10px !important;
box-sizing: border-box;

}
.mainmenu ul > li:first-child{
border-top:0px;
}
.mainmenu ul > li:hover{
background:#fff;
}
.submenu .rightsub ,
.mainmenu .submenu h6{
display:none;

}
.mainmenu ul > li {
width: 100%;
}
.mainmenu ul > li .submenu{
visibility:visible !important;
opacity:1 !important;
position:relative !important;
top:0 !important;
right:0 !important;
float: right;
width: 100%;
}
#navigation{
visibility:visible;
opacity:1;
}
.submenu ul li{
border-top:0px !important;
}
.slide1 img,.slide2 img{
display:none;
}
#list li div{
width: 70%;
margin: 20px 15%;
}
.slide1 h2, .slide2 h2, .slide3 h2 {
font-size: 17px;
}

.features ul li h3{
height:60px;
}

#chartpie span.chart {
margin: 41px 13%;
width: 22%;
}
.customers .rtcus{
	width:100%;
	padding:20px 0;
}

.firstabout.botsd article div {
width: 100%;
text-align: center;
}
.freereg {
width: 100%;
box-sizing: border-box;
margin-top: 20px;
}
.news article{
	width:100%;
	margin:0%;
	margin-top:20px;

}
.conform,.contacter{
	width:100%;
}
.logiin article{
	width:100%;
	margin:0%;
}

aside.rightss {
width: 100% !important;
}
article.content {
width: 100% !important;
margin-right: 0% !important;
}
.contacter li {
float: right;
width: 44%;
margin: 4px;
}

.tyu321{
background: #23576B;
height: auto !important;
}

}

@media screen and (max-width: 600px){
	.services ul li{
	margin:1%;
	width:23%;
	position:relative;
}
.contacter li {
float: right;
width: 83%;
height:50px;
}
.userinfos ul{
	display:none;
}
.services ul li p{
	display:none;
}

.features ul li div{
width:100%;
padding:5px ;
box-sizing:border-box;
}
.features ul li{
	text-align:center;
	width:45%;
}
.features ul li img{
	float:none;
	width:50%;
	margin:1%;
	padding:1%;
		border:1px #fff solid;
		transition:all 0.3s;

}
#chartpie span.chart {
margin: 41px 4%;
width: 39%;
}

.managers.services  ul {
float: right;
margin: 40px 0 120px 0px;;
}
.conform article {
width: 95%;
margin-right: 0px;
}
footer ul{
	width:100%;
	margin:20px 0%;

}
.loginned {
width: 165px;
height: 90px;
margin-top: 7px;
}
.profiler {
padding: 10px 10px 0px 0px;
width: 200px;
font-family: tahoma;
font-size: 11px;
}
.profiler h6{
	float: right;
width: 100%;

}
.loginned ul {
float: left;
margin-top: 16px;
margin-left: 10px;
position: absolute;
left: 10px;
}
.services ul li {
margin: 1%;
width: 46%;
position: relative;
}
.services ul li .servpop {
border-radius: 500px;
top: 0;
right: 0;
width: 100%;
bottom: 0;
padding:0;
}

.services ul li .servpop:before{
	display:none;
}
.services ul li .servpop h5{
float: right;
text-align: center;
width:80%;
margin:10%;
margin-top: 38%;

}
.services ul li .servpop p {
display: none;
}
@media screen and (max-width: 480px) {
.heading {
background:  url('../images/submenu.jpg') bottom left;
padding-bottom: 15px;
height:auto;
}
.slider {
height: auto;
}
.controll a.fa-angle-right {
right: -42px;
text-align: left;
padding-left: 9px;
}
.controll a.fa-angle-left {
left: -42px;
text-align: right;
padding-right: 9px;
}
.controll a {
border-radius: 12px;
}
.features ul li img {
float: right
}
.features ul li h3 {
height: 36px;
text-align: right;
}
.features ul li div {
width: 71%;
padding-left: 5px;
box-sizing: border-box;
}
.features ul li {
text-align: center;
width: 98%;
margin:0;
}
#chartpie span.chart {
margin: 41px 25%;
width: 50%;
}
#list3 img{
	float:right;
	width:100%;
}
.features ul li p {
min-height: 10px;
margin-bottom: 20px;
}
.userinfos ul{
	display:none;
}
.userlogin {
width: 98%;
margin-top: 15px;
margin: 5% 1%;
}

.usertab li {
font-size: 11px;
font-family:Tahoma;
}
.logincon {
float: right;
width: 100%;
}
.captcha input {
width: 32% !important;
}
#submitts,.registersec #submitts{
	width:80%;
}
.sidebot li {
border-radius: 5px;
}

@media screen and (max-width: 280px) {
	.features ul li div {
width: 98%;
}
#chartpie span.chart {
margin: 41px 12%;
width: 78%;

}
.services ul li {
margin: 1% 3%;
width: 94%;
position: relative;
}
.sidebot li h5 {
width: 60%;
font-size: 13px;
}
.sidebot li h6 {
width: 63%;
}
.supptellz .supper h6 {
width: 63%;
line-height: 36px;
}

.supptellz .supper h5 {
width: 61%;
padding-top: 5px;
font-size: 13px;

}