/* USER ACCOUNT*/
.userscontrol-profile-wrap { 
	position:relative; 
	max-width:1000px; 
	width:100%;
	margin:20px auto 10px auto;
}

.userscontrol-profile-info-seperator{
    font-size: 1.2rem;
    font-weight: 500;
    border-bottom: 1px #d9d9d9;
    border-bottom-style: solid;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
}

.userscontrol-profile-info-field{
    position: relative;
    padding: 10px 0px 10px 0px;
    margin: 5px 0px 5px 0px;
   
}

.userscontrol-profile-info-field i {
	display:inline-block;

	
	
	line-height: 26px;
	margin: 0 10px 0 0;	
	text-align: center;
	position: relative;
	top: auto;
	font-size: 18px;
}

.userscontrol-profile-info-field .userscontrol-field-type{
    font-weight: 300;
    font-size: 16px;
}

.userscontrol-profile-wrap .userscontrol-posts-cont{ 
	position:relative; 	
	width:100%;
	margin:20px auto 10px auto;
}

h1.userscontrol-post-title{
    font-size: 1.2rem;
    font-weight:400;
}

h1.userscontrol-post-title a{
    color: #434343;
   
}

.userscontrol-profile-wrap .userscontrol-posts-cont ul{ 
	position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;	

}

.userscontrol-profile-wrap .userscontrol-posts-cont ul li{ 
	display: inline-block;
    width: 48%;
    margin: 10px 2% 0px 0px;
    vertical-align: top;
}

.userscontrol-profile-wrap .userscontrol-posts-cont ul li .userscontrol-my-post-thumb{ 
	min-height: 300px;
}

.userscontrol-profile-wrap .userscontrol-profile-header-cont{

    width: 100%;
    position: relative;
    height: 400px;  
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;	
   /* background-color: #b8e9f6e8;*/
}

.userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-img{

    width: 100%;
    height: auto;
    position: absolute;
    min-height: 200px;
 
}

.userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-img img.landscape{
    width: 100%;
    height: 100%;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;

 
}

.userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img{
    width: 400px;
    position: absolute;
    left: 10px;
    bottom: -60px;
    height: 120px;
}

.userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img .ucontrol-thum {
    width: auto;
    display: inline-block;
         
 }

 .userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img .ucontrol-uinfo {
    width: auto;
    display: inline-block;
 }

 .userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img .ucontrol-uinfo h1{
    font-size: 1.9rem;
    font-weight: 700;
 }



.userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img .ucontrol-thum img{
    border-radius: 50%;
    padding: 2px;
    background: white;
}

.userscontrol-profile-wrap .userscontrol-profile-main-cont{
    width: 100%;
    position: relative;
    min-height: 300px;
    margin: 10px 0px 5px 0px;
    padding: 10px 0px 5px 0px;
}

.userscontrol-profile-wrap .userscontrol-profile-main-cont .pr-col1{
    width: 100%;
    display: inline-block;
    vertical-align: top;

}

.userscontrol-profile-wrap .userscontrol-profile-main-cont .pr-col1 h4{
    font-weight: 300;
    font-size: 1.3rem;
    text-transform: capitalize;

}


.userscontrol-profile-wrap .userscontrol-profile-main-cont .pr-col2{
    width: 40%;
    display: inline-block;
    vertical-align: top;

}




.userscontrol-profile-wrap .userscontrol-profile-menu-cont{
    width: 100%;
    position: relative;
    min-height: 30px;
    margin: 100px 0px 2px 0px;
}

.userscontrol-profile-wrap .userscontrol-profile-menu-cont ul{
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
   
}

.userscontrol-profile-wrap .userscontrol-profile-menu-cont ul li{
    display: inline-block;
    min-width: 80px;
    padding: 5px;
    margin: 0px 5px 0px 0px;
    font-size: 1.2rem;
    font-weight: 600;
}

.userscontrol-profile-wrap .userscontrol-profile-menu-cont ul li span{
    margin-right: 5px;
  
}

.userscontrol-profile-wrap .userscontrol-profile-menu-cont ul li a{
    color: rgb(90 90 90);
    font-weight: 400;
}





/**/

.userscontrol-front-albums{ 
	width:100%; 
	position:relative
}

.userscontrol-front-albums ul{ 
	width: 100%;
    position: relative;
    padding: 0px;
    margin: 10px 0px 10px 0px;
}

.userscontrol-front-albums ul li{ 

	display: inline-block;
    width: 48%;
    margin: 10px 10px 10px 0px;
    padding: 10px;
    vertical-align: top;
    border: solid 1px rgb(235 235 235);
    min-height: 350px;
    cursor: pointer;
    text-align: center;
	border-radius: 5px;
}

.userscontrol-front-albums .uc-photo-album{ 
	min-height: 220px;
}

.userscontrol-front-albums .uc-photo-album img{ 
	height: auto;
    border-radius: 5px;
}

.userscontrol-front-albums .uc-photo-title{ 
	font-size: 1.7rem;
    margin: 10px 0px 10px 0px;
}

.userscontrol-front-albums .uc-photo-title a{ 
	font-size: 1.7rem;
	color: #484848;
    font-weight: 300;
}

/*Thumb Gallery**/

.userscontrol-front-thumbs{ 
	width:100%; 
	position:relative
}

#progressbar-avatar{
	text-align: center;

}
.ucocb{
	text-align: center;
}

.userscontrol-front-thumbs ul{ 
	width: 100%;
    position: relative;
    padding: 0px;
    margin: 10px 0px 10px 0px;
}

.userscontrol-front-thumbs ul li{ 

	display: inline-block;
    width: 32%;
    margin: 10px 10px 10px 0px;
    padding: 10px;
    vertical-align: top;
    border: solid 1px #ebebeb;
    min-height: 300px;
    cursor: pointer;
    text-align: center;
	border-radius: 5px;
}

.userscontrol-front-thumbs .uc-photo-album{ 
	height: 220px;
}

.userscontrol-front-thumbs .uc-photo-album img{ 
	max-height: 220px;
    border-radius:5px ;
}

.userscontrol-front-thumbs .uc-photo-title{ 
	font-size: 1.2rem;
    margin: 10px 0px 10px 0px;
}

.userscontrol-front-thumbs .uc-photo-title a{ 
	font-size: 1.2rem;
	color: #484848;
    font-weight: 300;
}

/* ------------------------------------------------------------------------- *

 *  Responsive Style

/* ------------------------------------------------------------------------- */

/************************************************************************************

MEDIA QUERIES

*************************************************************************************/



/* Large screens */

@media only screen and (min-width : 1680px) {



}



/* Tablet Landscape */

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {



}







/* for 980px or less */

@media screen and (max-width: 1000px) {
	

}


/* Smaller than 960px */

/*@media only screen and (max-width: 959px) {

}*/



/* MAX 800px */



@media only screen and (max-width: 1000px) {
	

	
}

@media only screen and (max-width: 950px) {

    .userscontrol-profile-wrap .userscontrol-profile-menu-cont{
        margin-top: 60px;
    }

    .userscontrol-front-thumbs ul li{ 
        width: 47%;
    }
	

	
}



/* for 750px or less */
@media only screen and (max-width: 850px) {

    .userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img{
        width: 100%;
      
        left: 0px;
        bottom: -50px;
        min-height: 120px;
        margin: 0 auto 0 auto;
        text-align: center;
        padding: 0px
    }

    .userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img .ucontrol-thum{
        width: 100%;
    }

    .userscontrol-profile-wrap .userscontrol-profile-main-cont .pr-col1{
        width: 100%;
    }
    
    .userscontrol-profile-wrap .userscontrol-profile-main-cont .pr-col2{
        width: 100%;
    }

    .userscontrol-profile-wrap .userscontrol-profile-header-cont{
        height: 300px;
    }

    .userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-img{
        min-height: 200px;
    }

    .userscontrol-profile-wrap .userscontrol-profile-menu-cont{
        margin-top: 100px;
    }

    .userscontrol-profile-wrap .userscontrol-profile-menu-cont ul{
        text-align: center;
    }



}

@media only screen and (max-width: 620px) {

    .userscontrol-profile-wrap .userscontrol-profile-header-cont{
        height: 160px;
    }

    .userscontrol-profile-wrap .userscontrol-profile-menu-cont{
        height: 10px;
        margin-top: 100px;
    }

    .userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img .ucontrol-thum img{
       max-width: 90px !important;
    }

    .userscontrol-profile-wrap .userscontrol-posts-cont ul li{
        width: 100%;
    }

    .userscontrol-profile-wrap .userscontrol-posts-cont ul li .userscontrol-my-post-thumb{
        min-height: auto;
    }

    .userscontrol-front-albums ul li{
        width: 100%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 580 PIXELS */

@media only screen and (max-width: 580px) {

    .userscontrol-profile-wrap .userscontrol-profile-header-cont .ucontrol-profile-header-sub-img{
        bottom: -10px;
    }

    .ucontrol-bg-color-custom{
        height: 160px !important;
    }

    .userscontrol-front-thumbs ul li{ 
        width: 100%;
    }

    .userscontrol-front-thumbs .uc-photo-album img{
        max-height: fit-content ;
    }

    .userscontrol-front-thumbs .uc-photo-album{
        height: auto ;
    }


}


@media only screen and (max-width: 460px) {

    

    
	
	

	

}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	



}



/* MAX 1440px */



@media only screen and (max-width: 1440px){




}





/* MAX 1024px */



@media only screen and (max-width: 1024px){



}


/* MAX 360px */



@media only screen and (max-width: 320px){


		

}

