@font-face {
  font-family: Gontserrat-Bold;
  src: url("../fonts/Gontserrat-Bold.ttf");
}
@font-face {
  font-family: Gontserrat-Regular;
  src: url("../fonts/Gontserrat-Regular.ttf");
}@font-face {
  font-family:PORKYS;
  src: url("../fonts/PORKYS.TTF");
}@font-face {
  font-family:RACE1BranntPlusNCV;
  src: url("../fonts/RACE1 Brannt Plus NCV.ttf");
}@font-face {
  font-family:Square721BTBold;
  src: url("../fonts/Square721 BT Bold.ttf");
}
	@font-face {
  font-family:CHUNKFIVE-REGULAR;
  src: url("../fonts/CHUNKFIVE-REGULAR.OTF");
}
@font-face {
  font-family: OpenSans-Bold;
  src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
  font-family: OpenSans-Light;
  src: url("../fonts/OpenSans-Light.ttf");
}
@font-face {
  font-family: OpenSans-Regular;
  src: url("../fonts/OpenSans-Regular.ttf");
}
@font-face {
  font-family: OpenSans-SemiBold;
  src: url("../fonts/OpenSans-SemiBold.ttf");
}
@font-face {
  font-family: BALOO_BHAI;
  src: url("../fonts/BALOO_BHAI.TTF");
}
@font-face {
  font-family: CALIBRI;
  src: url("../fonts/CALIBRI.TTF");
}
@font-face {
  font-family: CALIBRIL;
  src: url("../fonts/CALIBRIL.TTF");
}
@font-face {
  font-family: GOTHIC;
  src: url("../fonts/GOTHIC.TTF");
}
@font-face {
  font-family: GOTHICB;
  src: url("../fonts/GOTHICB.TTF");
}


.floatleft{float:left;}
.clearboth{clear: both;}




/* header code */

nav{
	font-family:OpenSans-SemiBold;
}
.navbar-brand img{
	width:230px;
	background-color:white;
}
.navbar-brand{
	padding-bottom:0px;
	background-color:white;

}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{
	color:#f58634;
}
.navbar-dark .navbar-nav .nav-link{
	color:white;
}
.btn {
	background-color: white;
	border: none;
	color: #ae0852;
	padding: 1px 2px;
	font-size: 16px;
	cursor: pointer;
	border-radius:5px;
	margin:5px;
	height:25px;
	width:25px;
}
.dropdown-toggle{
	background:transparent;
}
.btn:hover {
  background-color: #f58634;
  color:white;
}
.fabtn{
	display:flex;
}
.fabtn li{
	list-style:none;
}
.fabtn li a{
	color:white;
}
.fabtn li a:hover{
	text-decoration:none;
}
.fabtn li a{
	font-size:13px;
}
.nav-link,.dropdown-menu li a{
		font-size:14px;
	}
.dropdown-toggle{
	background-color:unset;
	color:white;
	border:none;
}
.dropdown-toggle:hover,.dropdown-toggle:focus{
	color:#f58634;
}
.dropdown-menu{
	background-color:#f58634;
	font-family:OpenSans-SemiBold;
	width:max-content;
	padding:10px;
	margin:0px auto;
}
li.dropdown:hover ul.dropdown-menu{
    display: block;
}
.dropdown-menu li a{
	color:white;
	text-decoration:none;
	line-height:1.5rem;
}
.dropdown-menu li a:hover{
	text-decoration:none;
	border:none;
}

@media only screen and (min-width: 991px) {
	
	.back{
		background-image: url("../images/back.jpg");
		background-size:110% 110%;
		border-bottom:0px solid #f58634;
		background-color:#f58634;
		padding:0px;
		color:white;
		height:auto;
	}
	.navbar-nav{
		position: absolute;
		bottom: 0px;
		right:6%;
	}
	.navbar-nav li{
		padding:5px;
	}
	.fabtn{
	
	position:absolute;
	right:8%;
	top:20px;;
	}
	.navbar-brand img{
		position:relative;
		bottom:-6px;
	}
	.back{
		border-bottom:5px solid #f58634;
	}
}
.navbar-toggler:focus,.fa-bars:focus,.fa-close:focus,.navbar-toggler:focus-visible,.navbar-toggler:active{
	outline:none;
	text-decoration:none;
	border:none;
}
@media only screen and (max-width: 990px) {
	.mobilehide{
	display:none;
	}
	.dropdown-menu{
		background-color:white;
		font-family:OpenSans-SemiBold;
		color:#2d1538;
		outline:none;
		border:none;
	}
	.dropdown-menu li a{
	color:#2d1538;
	text-decoration:none;
	line-height:2.5rem;
	}
	.container{
		padding:0px;
		margin:0px;
		width:100%;
		max-width:100%;
	}
	.yvideosback iframe,.ymorevideo iframe{
	}
	.hashtag{
		text-align:center;
	}
	.navbar-brand,.navbar-toggler{

	}
	.back{
		
		border-bottom:5px solid #f58634;
		background-image: url("../images/backnav.jpg");
		background-size:100%;
		padding:0px;
		color:white;
		text-align:center;
	}
	.yvideosback{
		background-image:url("../images/videoback.jpg");
			background-size:100%!important;
	}
	.navbar-collapse{
		background-color:white;
	}
	.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
		color:#2d1538;
	}
	.navbar-brand{
		background-color:unset;
		width:100%;

	}
	.navbar-brand img{
		position:relative;
		bottom:-6px;
	}
	.navbar-dark .navbar-toggler-icon{
		background-image:none;
		color:#f58634;
		font-size:16px;
	}
	.navbar-toggler{
		position:relative;
		border:none;
		color:white;
		top:25px;
	}
	
	.fabtn{
		width:100%;
		justify-content:center;
		font-size:16px;
		padding:10px;
	}
	.btn {
		background-color: white;
		border: none;
		color: #ae0852;
		padding: 1px 2px;
		font-size: 14px;
		cursor: pointer;
		border-radius:5px;
		margin:5px;
		height:25px;
		width:25px;
	}
	.navbar-brand img{
		width:100%;

	}
	.navbar-brand{
		width:77%;
		padding-left:22%;

	}
	.dropdown-toggle{
	background-color:unset;
	color:#2d1538;
	border:none;
	}
	.dropdown-menu{
		text-align:center;
	}
}
@media only screen and (max-width: 697px) {
        .hashtag{
            font-size:30px;
            max-width:100%;
        }

	.fabtn li a span{
		display:none;
	}
	.navbar-dark .navbar-toggler-icon{
		background-image:none;
		color:#f58634;
		font-size:30px;
	}
	

}
@media only screen and (max-width: 370px) {
	
	.navbar-dark .navbar-toggler-icon{
		font-size:22px;
	}
	.btn {
		background-color: white;
		border: none;
		color: #ae0852;
		padding: 1px 2px;
		font-size: 14px;
		cursor: pointer;
		border-radius:5px;
		margin:5px;
		height:25px;
		width:25px;
	}
	.navbar-brand{
		width:72%;
		padding-left:25%;

	}

}
@media only screen and (min-width: 990px) and (max-width: 1152px){
	.back{
		font-size:14px;
	}
}

/* footer code */

footer{
	margin-top:20px;
	background-color:#2c1338;
	font-family:OpenSans-Regular;
	text-align:left;
}

@media only screen and (min-width: 992px){
	footer{
		text-align:left;
	}
	footer .row div{
		padding-left:4%;
		padding-right:4%;
	}
	footer .mail img{
		width:80%;
		margin:0px auto;
	}
	footer .mail li{
	/*	text-align:center;*/
		font-size:14px;
	}	
}
@media only screen and (max-width: 991px){
	footer{
	}
	footer .mail img{
	width:50%;
	}
}
.fsoc{
	justify-content:center;
}
footer .fsoc .btn {
	color: white;
	border: none;
	background-color: #ae0852;
	padding: 1px 2px;
	font-size: 18px;
	cursor: pointer;
	border-radius:5px;
	margin:5px;
	height:30px;
	width:30px;
}
footer .fsoc .btn:hover {
  background-color: #f58634;
  color:white;
}

footer .fsoc{
	display:flex;
}
footer .fsoc li,.mail li{
	list-style:none;
}
footer .fsoc li a,.mail li a{
	color:white;
}
footer .fsoc li a:hover,.mail li a:hover,footer ul li a:hover{
	text-decoration:none;
}
footer .submit,footer .signup{
	background-color:white;
	color:#2c1338;
	width:70%;
	font-size:14px;
	padding:5px;
}
footer .submit:hover,footer .signup:hover{
	opacity:0.8;
	font-size:16px;
}
footer ul li a:hover{
    color:#f58634!important;
}
footer  ul li a{
	font-size:14px;
}
footer .row{
	text-align:left;
}
.copy{
	background-color:white;
	color:#2c1338;
	font-size:12px;
}
.copy a{
	color:#2c1338;
}
.instagram .row {
    padding:0;
    margin:0;
    width:100%;
}
.instagram .rof{
}	
.instagram .row .row2{
	padding:5px!important;
}
@media only screen and (max-width: 768px) and (min-width: 570px) {
	.instagram .row .row2 {
			padding-left:10%;
			padding-right:10%
	}
}
/* image slider section */
section{
	font-family:OpenSans-Regular;
}
.slider{
	padding:0px;
	padding-top:20px;
	margin-bottom:50px;
}
.slider .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
	background-color:#ae0852;
}
.slider .carousel-indicators {
    bottom: -50px;
    
}
/* image overlay section*/
.hovereffect {
width:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.7);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.customer-logos{
    margin:0px;
    padding:0px;
}

.hovereffect img {
width:100%;
height:auto;
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect p {
color:#fff;
text-align:center;
font-size:12px;
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:2px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:0px auto;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
height:100%;
width:100%;
justify-content:center;
margin:0px auto;
padding:10%;

}

.hovereffect:hover p,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.images .row{
	width:100%;
	padding:0px;
	margin:0px;
}
.images .row div{
	width:100%;
	padding:3px;
	margin:0px;
}
@media only screen and (min-width: 768px){
	section{
		padding:0px;
	}
}
@media only screen and (max-width: 768px){
    .hovereffect:hover .overlay {

        padding:2px;
    }
    .text h1{
        font-size:16px!important;
        }
        .text h5{
            padding-top:0px!important;
        font-size:13px!important;
        }
	.hovereffect:hover .overlay{
		padding:20%;
	}
	.hovereffect:hover p,.hovereffect p{
		display:none;
	}
	section{
		/*padding:5px;*/
	}
}
@media only screen and (min-width: 768px) and (max-width: 1110px){
    
	.hovereffect:hover p,.hovereffect p{
		display:none;
	}
	.hovereffect:hover .overlay{
		padding:40px;
	}
    
}


/* text section code */
.text{
	color:#2c1338;
}
.text h1{
font-family:Gontserrat-Bold;
}
.text h5{
font-family:Gontserrat-Regular;
}
.text h5{
	padding:15px;
	line-height: 1.5em;
}
.videos{
	padding:0;
	padding-top:20px;
}
.videos .container1{
	padding-left:3%;
	padding-right:3%;
	padding-top:20px;
}
.backg{
	width:100%;
	height:100%;
	background-image:url("../images/back.jpg");
	background-size: cover;
	color:white;
	padding:8px;
	font-family:BALOO_BHAI;
}
@media only screen and (max-width: 768px){
	.videos .container1{
		padding:15px;
	}
	.backg{
		background-image:url("../images/backnav.jpg");
		background-size: cover;
		}
	.text h1{
		padding:5px;
		font-size:26px;
	}
	.text h5{
		font-size:16px;
	}
}


/* good talks section code*/
.talks{
	padding:25px;
}
/* get involved section code*/
.getinvolved{
	padding:15px;
}
.getinvolved .borderr{
	border-right:ridge;
}
.getinvolved .first,.getinvolved .second{
	padding:20px;
}
.getinvolved .head{
	font-size:50px;
	font-family:BALOO_BHAI;
}
.getinvolved .first h1,.getinvolved .second h1{
		font-size:40px;
	}
.container4{
	background-image: linear-gradient(to right	, #f90396 , #712754);
	padding:20px;
	border-radius:15px;	
}

.signup,.submit{
	font-family:OpenSans-SemiBold;
	background-color:#f58634;
	color:white;
	font-size:30px;	
	padding:10px;
	border:none;
	border-radius:5px;
	width:80%;
}
#loadmore{
	font-family:OpenSans-SemiBold;
}
.getinvolved p{
	font-size:18px;
}
.submit{
	background-color:#61ce70;
}
.getinvolved a:hover{
	text-decoration:none;
}
@media only screen and (max-width: 768px){
    
    .hashtag{
		margin:15px auto!important;
        }
	
	.signup,.submit{
		font-size:22px;;
	}
	.getinvolved{
		padding:15px;
	}
	.getinvolved .borderr{
		border-right:none;
	}
	.getinvolved .head{
		font-size:35px;
	}
	.getinvolved .first h1,.getinvolved .second h1{
		font-size:22px;
	}
	.getinvolved p{
		font-size:16px;
	}
}
@media only screen and (min-width: 768px){
    .talks{
        text-align:center;
    }
    .talks img{
        width:70%!important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 930px){
	section{
		padding:0px;
	}
	.getinvolved{
		padding:15px;
	}
	.getinvolved .head{
		font-size:35px;
	}
	.getinvolved .first h1,.getinvolved .second h1{
		font-size:22px;
	}
	.getinvolved p{
		font-size:16px;
	}
	.getinvolved .signup,.getinvolved .submit{
		font-size:22px;
	}
}
.instagram-media{
	min-width:100%!important;
	max-width:100%!important;
}
.fhead{
	font-family:BALOO_BHAI;
}
/* story section */
.container-story{
	padding:5%;
	font-family:OpenSans-Regular;
}
.container-story h1{
	color:#ae0852;	
}

.cattitle img{
	width:100%;
	margin-top:2%;
}
.container-category{
	padding-top:2%;
	padding-left:5%;
	padding-right:5%;
}
.container-category p{
	font-size:18px;
	color:dark gray;
	font-family:OpenSans-SemiBold;
}
.container-category-inner .row {
    padding:0;
    margin:0;
    width:100%;
    justify-content: center;

    }
.container-category-inner img{
        width: 100%;
        max-height: 100%;
    }
.container-category-inner .box{
        border: 1px solid #d2d2d2;
		color:black;
    }    
.container-category-inner .box.large{
        margin:0px auto;
        padding:10px;
    }
	.videos .container-category-inner .box.large{
		height:auto!important;
	}
.container-category-inner .des,.container-category-inner .date{
		text-align:left;
			    margin:0px!important;

	}
	
	
.container-category-inner .box:hover,.container-category-videos .box.large:hover{
	color:white!important;
	background-color:black;
}
.container-category-inner .irow div,.container-category-inner .row div{
	padding:0px;
	margin:0px;
}
.frmslide{
	height:100%;
}
.date{
    font-family:Gontserrat-Regular;
    padding-top:20px;
    font-size:10px;
    color:#999999;
    position:relative;
    bottom:0px;
}
.container-category-inner .box.large h5{
	padding-top:10px;
}
.container-category-inner .box.large{
	width:100%;
	height:100%;
	
}
.container-category-inner .row .space{
	padding:5px;
}
.container-category-inner .loadbtn{
    padding:15px;
}
.container-category-inner .loadim,.container-category-inner .loadyvi,.loadnews{
	background-color:#ae0852;
	padding:10px;
	padding-left:30px;
	padding-right:30px;
	font-size:20px;
	border-radius:5px;
	font-family:OpenSans-Bold;
	}
	.container-category-inner .loadyvi{
			background-color:white;
			color:#2c1338;
			border:none;
	}
	.container-category-inner .loadnews{
			background-color:#2c1338!important;
			border:none;
	}
	.hashtag{
		color:white;
		font-family:OpenSans-SemiBold;
	}
.container-category-inner .loadim:hover,.container-category-inner .loadyvi:hover{
	text-decoration:none;
	border:none;
	color:#f58634!important;
}
.container-category-inner .loadvideo{
	color:white;
	background-color:#ffc107;
}
.imicon{
  position: absolute;
      top: 11%;
    right: 10%;
  
}
.fa-image,.fa-youtube-play{
	font-size:25px;
	color:gray;
	opacity:0.7;
}
@media only screen and (min-width: 768px) {
	.firstim .imicon{
		top:5%;
		right:5%;
	}
	.firstim .imicon .fa-image{
	font-size:35px;
}
	
}
.container-category-videos .box.large{
	border:none;
	background-color:white;
}
.container-category-videos .box.large video{
	width:100%;
}
.walkieback,.newsback,.eventback,.earthback,.annoback,.wowback,.reviewback,.karmaback,.glifeback,.gkback,.gbback{
    margin-bottom:20px;
}
.walkieback{
	background-color:#391D46;
}
.newsback{
	background-color:#676927;
}
.eventback{
	background-color:#21B252;
}
.earthback{
	background-color:#92DF29;
}
.annoback{
	background-color:#CE266F;
}
.wowback{
	background-color:#4C6225;
}
.reviewback{
	background-color:#F34C2D;
}
.karmaback{
	background-color:#56203D;
}
.glifeback{
	background-color:#E02B2B;
}
.gkback{
	background-color:#36928A;
}
.gbback{
	background-color:#03738A;
}
.yvideosback{
background-image:url("../images/videoback.jpg");
	background-size:auto 100%;
	}
	.videos .container-category-inner{
		padding-bottom:0px!important;
	}
.walkieback h1{
	color:#ffcf4f;
	font-family:OpenSans-SemiBold;
}
.container-category-videos{
		padding:2%;
}
video:focus{
	outline:none;
}
.container-category-inner .firstim,.container-category-inner .box.large{
	height:100%;
	text-align:center;
}
.container-category-inner{
	padding-left:2%;
	padding-right:2%;
}

.sign-up-container{
	border-radius:20px!important;
}
.lbtn,.cbtn{
background-color:green!important;
color:white!important;
	font-weight: bold;
	border:none!important;
	width:250px;
	border-radius:5px!important;

}
.cbtn{
	background-color:#650daa!important;
}
.lbtn:hover,.rbtn:hover{
text-decoration:none;

border:none;
}

.rbtn{
	background-color:#f58634!important;
	color:black!important;
		font-weight: bold;
		border:none!important;
	width:250px;
		border-radius:5px!important;


}
.login-signup{
	float:unset!important;
	text-align:center;
}
.login-signup a{
	color:black;
}
.login-signup a:hover{
	text-decoration:none;
}
.signup-heading{
	padding:20px!important;
	    font-family:Gontserrat-Bold;
}

.data-container button, .data-container input[type=submit],.data-container .btn,.data-container input[type=button] {
	padding:10px!important;
	height:max-content!important;
	border-radius:5px;
	width:250px!important;
}
.data-container .btn,.data-container input[type=button]:hover{
	border:none!important;
}
.data-container{
	padding:3%;
	margin:3%!important;
	display:flow-root;

}
.sign-up-container{
	padding:3%!important;
	float:right;
}
.text-container h1{
	font-weight:bold;
	font-size:50px;
}
.userlogin-container{
	background-color:#391D46;
}
.usercontact-container{
	background-color:#ffcf4f;
}
.register-container{
		background-color:#391D46;
}
.forgot-container{
		background-color:#391D46;
}
.usernews-container{
		background-color:#280F34;
}
.reset-container{
		background-color:#391D46;

}
.usercontact-container .inline-block,.usernews-container .inline-block{
	width:80%;
}
.usercontact-container .info{
	color:red;
}
.usercontact-container input,.usercontact-container textarea,.usernews-container input,.usernews-container textarea{
	width:100%;
	border:none;
	border-bottom:1px solid black;
}
.conmob{
	display:none;
}
@media only screen and (max-width: 768px) {
	.conmob{
		display:block;
	}
	.conmob .conim{
		width:100%;
	}
	.condsk{
		display:none;
	}
	.text-container .lh1{
		display:none;
	}
	.text-container h1{
		text-align:center;
		font-size:30px;
		width:100%;
	}
	.text-container{
		text-align:center;
	}
	.data-container{
		margin-left:0px!important;
		margin-right:0px!important;
		padding:6%!important;
	}
	.sign-up-container{
		float:none!important;
		margin:0px auto!important;
		font-size:14px;

	}
}
.memb{
	border-bottom:2px solid white;
	width:300px;
}
.conim{
	padding-top:20px;
	width:80%;
}
.usercontact-container li{
	list-style:none;
}
.usercontact-container .fsoc{
	display:flex;
}
.usercontact-container button,.usercontact-container .btn,.usercontact-container input[type=button] {
	width:35px!important;
	background-color:#650daa;
	color:white;
}
.usercontact-container button:hover,.usercontact-container .btn:hover,.usercontact-container input[type=button]:hover{
	background-color:#ae0852;
} 
.textimg{
	width:100%;
}
#upload_button {
  display: inline-block;
}
#upload_button input[type=file] {
  display:none;
}

.usernews-container input[type=checkbox]{
	float:left;
	width:auto;
}
.usernews-container  label{
	position:relative;
	top:-5px;
	display:flex;
	text-align:left;
}
.logoutt,.fadd .talks{
	display:none;
}
.boxgk h3{
	font-family:PORKYS;
}
.boxgb h3{
	font-family:Square721BTBold;
}
.boxgl h3{
	font-family:RACE1BranntPlusNCV;
}
.hashtag{
	font-family:Gontserrat-Bold;
}
.data-container h1,body h1{
	font-family:Gontserrat-Bold;
}
.data-container p,body p{
	font-family:Gontserrat-Regular;
}
.cattitle img{
    max-width:100%;
}
.hashtag{
    background-color:black;
    width:max-content;
    margin-left:5px;
}
.ourstory{
    background-color:#E7EEFE;
}
.ourstory p{
    text-align:justify;
}
.ourstory img{
    padding:20px;
    width:60%;
}
.talks .head{
    font-family:Gontserrat-Bold;
    
}
@media only screen and (max-width: 768px){

.ourstory img{
    padding:20px;
    width:90%;
    }
    .ourstory h1{
        text-align:center;
        font-size:25px;
    }

}

.des{ 
    height: 3em!important;     
    overflow: hidden;
	    font-family:Gontserrat-Bold;
	    font-size:16px;
	    color:#333333;
	
	}
	.container-category-inner .box:hover .des,.container-category-videos .box.large:hover .des{
	    color:white!important;
	}
	
	.slider .slide{
	    padding:0px!important;
	}
	.images .slide{
	    padding:5px!important;
	}

.copy .ff{
	font-family: CHUNKFIVE-REGULAR;
}
.copy{
    font-family:Gontserrat-Bold;
}
.walkieback,.newsback,.eventback,.earthback,.annoback,.wowback,.reviewback,.karmaback,.glifeback,.gkback,.gbback{
    display:none;
}
.mail li a{
    line-height:2.0;
}
.jc{
    width:50px;
}
.ff{
    position:relative;
    float:right;
    right:20px;
}
.fi{
  width:100px;
  
}
.teenweb{
    position:relative;
    float:left;
    left:20px;
    list-style:none;
}
.jcg{
        font-size: 14px;
}
@media only screen and (min-width: 768px){
.fi{
  width:200px;
}
.jcg{
    position:absolute;
    bottom:20px;
}
}