#mobileshow {
    display:none;
}
@media screen and (max-width: 991px) {
#mobileshow {
display:block; }
}

#desktopshow {
    display:block;
}
@media screen and (max-width: 991px) {
#desktopshow {
display:none; }
}


@font-face {

 font-family:Avante_Garde_Mon;
 src:url(../../font/avant-garde-mon.ttf);
}


.ser_list {
	float:center;
	height:100%;
	width:100%;
	position:relative;
	text-align:center;


}
 @media (min-width:501px) and (max-width:991px) {
.ser_list {
 float:center;
 height:100%;
 width:100%;
 position:relative;
 text-align:center;

}
}
@media (max-width:500px) {
.ser_list {
 float:left;
 height:100%;
 width:100%;
 position:relative;
 text-align:center;

}
}

  .icon1:hover,  .icon2:hover, .icon3:hover,  .icon4:hover, .icon5:hover, .icon6:hover,.icon7:hover, .icon1_mobile:hover, .icon2_mobile:hover, .icon3_mobile:hover, .icon4_mobile:hover, .icon5_mobile:hover, .icon6_mobile:hover , .icon7_mobile:hover {
	background-position:0 0;
	transition: all 0.3s ease 0s;
}

.ser_list:hover > .gsmaf_title {
	color:#53b7e8;
}

.ser_list:hover > .gsmaf_title1 {
	color:#53b7e8;
}
.icon1 {
	width:82px;
	height:82px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/gsmaf_icon10.png) no-repeat;
	background-position:0 -82px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon1_mobile {
	width:112px;
	height:112px;
	display:block;
	margin-left:auto;
	margin-right:50px;
	background:url(../icons/gsmaf_icon10_202.png) no-repeat;
	background-position:0 -112px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}

.icon2 {
	width:82px;
	height:82px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/gsmaf_icon22.png) no-repeat;
	background-position:0 -82px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon2_mobile {
	width:112px;
	height:112px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/gsmaf_icon22_202.png) no-repeat;
	background-position:0 -112px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon3 {
	width:82px;
	height:82px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/gsmaf_icon23.png) no-repeat;
	background-position:0 -82px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon3_mobile {
	width:112px;
	height:112px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/gsmaf_icon23_202.png) no-repeat;
	background-position:0 -112px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon4 {
	width:82px;
	height:82px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/gsmaf_icon4.png) no-repeat;
	background-position:0 -82px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon4_mobile {
	width:112px;
	height:112px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/gsmaf_icon4_202.png) no-repeat;
	background-position:0 -112px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon5 {
	width:82px;
	height:82px;
	display:block;
	margin-left:auto;
	margin-right:auto;

	background:url(../icons/thtsk_icon1.png) no-repeat;
	background-position:0 -82px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon5_mobile {
	width:112px;
	height:112px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/thtsk_icon1_202.png) no-repeat;
	background-position:0 -112px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}

.icon6 {
	width:82px;
	height:82px;
	display:block;
	margin-left:auto;
	margin-right:auto;

	background:url(../icons/kab_icon1.png) no-repeat;
	background-position:0 -82px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon6_mobile {
	width:112px;
	height:112px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/kab_icon1_202.png) no-repeat;
	background-position:0 -112px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}


.icon7 {
	width:82px;
	height:82px;
	display:block;
	margin-left:auto;
	margin-right:auto;

	background:url(../icons/barilga_icon1.png) no-repeat;
	background-position:0 -82px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.icon7_mobile {
	width:112px;
	height:112px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../icons/barilga_icon1_202.png) no-repeat;
	background-position:0 -112px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}


.ser_list .gsmaf_title {
	font-size:15px;
	margin-bottom:10px;
	margin-top:15px;
	color:#fff;
	cursor: pointer;
}
.ser_list .gsmaf_title_mobile {
	font-size:15px;
	margin-bottom:10px;
	margin-top:15px;
	color:#fff;
}

.ser_list .gsmaf_title_mobile3 {
	font-size:15px;
	margin-bottom:10px;
	margin-top:15px;
	color:#fff;
    margin-left:auto;
	margin-right:-250px;
}


.ser_list .gsmaf_title1 {
	font-size:15px;
	margin-bottom:10px;
	margin-top:15px;
	color:#fff;
	cursor: pointer;
}
.ser_list .gsmaf_title1_mobile {
	font-size:15px;
	margin-bottom:10px;
	margin-top:15px;
	color:#fff;
}

.ser_more {
	position:absolute;
	bottom:5px;
	color:#454545;
	text-align:center;
	font-weight:bold;
	left:35%;
}
.ser_more:hover {
	text-decoration:none;
	color:#53b7e8;
}
.p{
   margin-left: 100px;
}