/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol, li{margin: 0; padding: 0;}
p {margin: 0;padding: 0;}
body{
	margin:0 auto;
	padding:0em 0;
    width: 100%;

}
/*--fonts--*/
h1{
    text-align: center;
    font-family: 'Source Sans Pro';
}
h1 a, h1 a:hover {
    color: #6D6B6B;
    text-decoration: none;
    font-weight: 600;
    font-size: 50px;
    font-family: 'Source Sans Pro';
    text-transform: capitalize;
    text-decoration: none;
}

@font-face{
	font-family: 'Source Sans Pro';
	src:url(../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
}
.frame-border{
    width: 360px;
    height: 600px;
    outline: none;
    border-top: 50px solid #ececec;
    border-bottom: 50px solid #ececec;
    border-right: 15px solid #ececec;
    border-left: 15px solid #ececec;
    border-radius: 15px;
}
.main_frame{
    text-align: center;
    margin-top: 9em;
}
.phone-box {
	    background: #303030;
    min-height: 800px;
}
/*--status-bar--*/
.phn-status-bar{
    padding: 3px 0;
}
.float-stn1{
    width: 33.3333333%;
    float: left;
}
.wrap {
    position: relative;
}
.circles {
    text-align: center;
}
.circles ul{
    list-style-type: none;
    display: inline-block;
}
.circles ul li.circle {
    display: inline-block;
    background-color: #fff;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin: 5px 0px 0px 0px;
}
li.circle:nth-child(4),li.circle:nth-child(5) {
    background:transparent !important;
    border: 1px solid #fff;
    width: 9px;
    height: 9px;
}
.re-styl1 {
    color: #fff;
    font-size: 16px;
}
.time {
    text-align: center;
}
.time p {
    color: #fff;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 15px;
}
.blutot-battery ul {
    list-style-type: none;
}
.blutot-battery ul li {
    display: inline-block;
}
.blutot-battery {
    text-align: center;
}
.blutot-battery li {
    color: #fff;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 15px;
}
.menu-notify {
        padding: 0px 0;
		    padding-bottom: 5px;
	        background: linear-gradient(to left, #3366ff 0%, #003366 100%);
}
.float-stn2 {
    width:13%;
    float: left;
    text-align: center;
	font-size: 30px;
}
.float-stn3 {
    width: 49%;
    float: left;
    text-align: center;
}
.float-stn2:nth-child(1) {
    margin-top: 0px;
    position: relative;
}
.float-stn2 a,.float-stn2 a:hover {
    color: #fff;
    text-decoration: none;
}
.menu-bar {

	    padding-bottom: 0px;
  
}
.menu-bar ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 10px;
    font-family: 'Source Sans Pro';
}
.menu-bar ul li:hover,.menu-bar ul li.active{
       /* border-bottom: 2px solid #FD0808; */
    /* transition: 0.3s all ease; */
    /* padding-bottom: 10px; */
    /* text-decoration: none; */
	    /* border-bottom: 2px solid #FD0808; */
    /* transition: 0.3s all ease; */
    /* padding-bottom: 10px; */
    /* text-decoration: none; */
    background: #f6c62e;
      /* padding-top: 2px; */
    padding: 5px;
    border-radius: 5px;
}
.menu-bar ul li a:hover,.menu-bar ul li a.active{
    text-decoration: none;
}
.disc h1 {
      color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: cursive;
    margin-top: 2px;
    font-style: italic;
	    letter-spacing: 3.25px;
}
section.button {
    top: 8.9%;
    left: 9.8%;
}
.dropdown-menu.right{
        position: absolute;
    top: 100%;
    background-color: #ffffff;
    padding: 0;
    border-radius: 0;
    margin-left: -290px;
}
ul.dropdown-menu.right>li>a,ul.dropdown-menu.left>li>a {
    color: #000;
    font-size: 13px;
    font-weight: 100;
    font-family: 'Source Sans Pro';
    padding: 5px 10px;
	    line-height: 25.25px;
}
span.time {
    float: left;
    margin-left: 59px;
    margin-top: -14px;
}
ul.dropdown-menu.left>li>a:focus, ul.dropdown-menu.left>li>a:hover{
    color: #37384C;
}
ul.dropdown-menu.right>li>a:focus,ul.dropdown-menu.right>li>a:hover{
    color: #37384C;
}
.re-styl2{
    color: #fff;
    position: relative;
}
span.not-thumb img {
    margin-right: 16px;
    width: 15%;
}
.not-bdg{
        position: absolute;
    top: 1%;
    right: -45%;
    background-color: #f73267 !important;
    border-radius: 50%;
    font-size: 13px;
    padding: 1px 5px;
}
.menu-bar ul{
    list-style-type: none;
    margin-top: -5px;
    margin-left: 5px;
	
}
.menu-bar ul li {
        display: inline-block;
    margin: 0px 4px;
   /*  width: 16.3333%;*/ 
    /* float: left; */
    text-align: center;
}
/*--menu-slider--settings--*/
div#menu {
    left: 0% !important;
    height: 96% !important;
    top: 0% !important;
/*    position: absolute !important;*/
}
.panel {
    margin-bottom:0px;
    background: #2a5de4;
    width: auto ;
    height: 480px !important;
    border: 0 solid transparent !important;
    border-radius:0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align:left;
    padding: 0px 0px 0px;
}
.profile-pic {
    padding: 0px 0;
    position: relative;
    text-align: center;
}
.profile-pic img {
    width: 100%;
}
.prf-fir {
    color: #fff;
    position: absolute;
    top: 7%;
    left: 5%;
    padding: 6px;
}
input.textbox {
    border-radius: 20px;
    border: none;
    padding: 7px;
    font-size: 12px;
    background-color: #1d1f32;
    color: #fff;
    outline: none;
    font-weight: 300;
    font-family: 'Source Sans Pro';
    width: 90%;
}
.dropdown-menu.left {
    position: absolute;
    top: 69%;
    right: 0%;
    background-color: #ffffff;
    padding: 0;
	border: 1px solid #f26649;
}
.re-styl3{
    color: #4c5082;
    font-size: 23px; 
}
.width-stng{
    width: 80%;
    text-align: center;
}
.width-stng2{
    width: 20%;
    text-align: center;
    margin-top: 3px;
}
.profil-text h2 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 2px;
    font-family: 'Source Sans Pro';
}
.profil-text p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Source Sans Pro';
}
.profil-text {
    text-align: center;
	background: #013469;
    padding: 5px;
}
.panel ul{
    list-style-type: none;
	    margin-top: 20px;
}
.mnu-icns {
    font-size: 22px;
    margin-right: 6px;
	    color: #fff;
}
ul.slide-bar-menu li {
    margin-top: 10px;
    position: relative;
}
ul.slide-bar-menu li:nth-child(1){
    margin:0;
}
ul.slide-bar-menu li a {
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    padding: 0px 15px;
}
ul.slide-bar-menu li a:hover {
    color: #040404;
    transition: 0.5s all;
}
.mov-rt {
    float: right;
    margin: 4px 13px 0px;
}
.mov-rt {
    margin: 0;
    position: absolute;
    top: 25%;
    right: 6%;
    background-color: transparent;
    border: 1px solid #f73267;
    padding: 2px 9px;
}
.mov-rt.t{
    border: 1px solid #1ec97f;
}
/*--status-bar-ends--*/
.body-content {
    background: #f7f7f7;
    padding: 9px;
    margin-bottom: 8px;
	    margin-top: 8px;
}
.grid-pic-text {
    width: 55%;
}
.grid-likes {
    /*    width: 50%;*/
    text-align: right;
    position: absolute;
    right: 17px;
    border: 0px;
    margin: -8px;
}
.image-re{
    width: 15%;
}
.profileimage-re {
    width: 33%;
}
.profileimage-re img{
    width: 90%;
}
.text-re {
        width: 80%;
    padding-left: 5px;
}
.image-re img{
    width: 50%;
}
.text-re h3 {
        font-size: 25px;
    font-weight: 500;
    color: #505152;
    font-family: sans-serif;
    margin-bottom: 0px;
}
.text-re a{
    text-decoration: none;
}
.grid-likes p {
    display: inline-block;
}
.grid-likes h4 {
    font-size: 14px;
    color: #6c7b8a;
    margin: 6px 0px 0px;
}
img.img-widthl{
    width: 100%
}
.grid-bottom {
      margin: 5px 0px 5px;
}
.body-cont-grid:nth-child(2) {
    margin-top: 15px;
    height: 108px;
    overflow: hidden;
}
.grid-bottom:nth-child(3) {
    margin-bottom: 0;
}
.text-re p {
    color: #f73267;
    font-size: 13.3px;
}
.pst-hrt{
        color: #f26649;
    text-indent: 10px;
}
.pst-cmt {
    color: #9fb6d0;
    text-indent:10px;
}
/*--follerw-box--*/
.followers-box {
       background: url(../images/mn-sld-bg.jpg) no-repeat;
    width: 100%;
    height: 400px;
    position: relative;
    background-size: cover;
    padding-top: 15px;
}
i.layr-img{
    position: absolute;
    background: url(../images/layers.png);
    width: 249px;
    height: 115px;
    bottom: 0;
    right: 11%;
}
.followers-nav {
 
}
.folw-nv {
    width: 33.3333%;
	position: relative;
}
.re-sty4 {
    color: #fff;
    font-size: 24px;
    padding-right: 35px;
}
.folw-nv p{
    color: #000;
    font-size: 16.5px;
    font-family: 'Source Sans Pro';
    margin-top: 2px;
    font-weight: 300;
}
.folw-nv p span{
    color: #5d8bde;
    font-family: 'Source Sans Pro';
    font-weight: 600;
}
.nv-br-icn{
    color: #fff;
    margin: 8px 0px 0px 35px;
}
i.dot {
    display: block;
    background-color: red;
    padding: 4.5px;
    width: 7%;
    border-radius: 50%;
    position: absolute;
    top: 24%;
    right: 24%;
}
.follw-prfil {
    text-align: center;
    margin-top: 42px;
}
.border-effect{
    border: 2px solid #45da5e;
    padding: 9px;
    border-left: 2px solid #292A3E;
    border-bottom: 2px solid #292A3E;
}
.follw-prfil img {
    border-radius: 50%;
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
.follw-prfil h3 {
    color: #fff;
    font-family: 'Source Sans Pro';
    font-weight: 100;
    font-size: 26px;
    margin-top: 10px;
}
.follw-prfil p {
    color: #3e5282;
    font-weight: 300;
    font-size: 16px;
    font-family: 'Source Sans Pro';
}
.flw-ntf-br {
     margin-top: 15px;
    width: 65%;
    float: right;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0px;
}
.ntf-br {
    width: 33.33333%;
    text-align: center;
    padding-right: 23px;
}
.hrt2 {
    color: #F83896;
    margin-right: 6px;
}
.ntf-br p {
    color: #000;
    padding-top: 0px;
    font-family: 'Source Sans Pro';
    font-size: 16px;
}
.ntf-br-txt {
  /*  margin-top: 30px;*/
}
.ntf-br-txt a {
    color: #f26649;
    padding: 6px 7px;
    border-radius: 20px;
    font-size: 17px;
    font-family: 'Source Sans Pro';
}
.ntf-br-txt a:hover{
    text-decoration: none;
    transition: 0.5s all;
} 
.arw2 {
    margin-left: 7px;
}
.cmnt2 {
    color: #96acc5;
    margin-right: 6px;
}
/*--freinds-box--*/
.freinds-box-top{
    background: #7892E3;
    padding-bottom: 12px;
}
.freinds-nav{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding-left: 3px;
}
.re-pilling li a {
    padding: 6px 22px;
    color: #fff !important;
    font-family: 'Source Sans Pro';
    font-weight: 100;
    font-size: 15px;
}
.re-pilling>li>a:focus, .re-pilling>li>a:hover{
    background: #5769a4 !important;
     color: #fff !important;
}
.re-pilling>li.active>a, .re-pilling>li.active>a:focus, .re-pilling>li.active>a:hover{
    background: #d54e32;
}
.freinds-box-bottom {
    	background:url(../images/trivia-bg.png) no-repeat;
    padding: 17px 0px;
    padding-left: 20px;
	min-height:800px;
}
.media-heading {
    margin-top: 7px;
}
.re-media:nth-child(1) {
    margin-top: 0 !important;
}
.re-media{
    margin-top:8px !important;
    position: relative;
}
.re-media-body {
    border-bottom:1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
        padding-bottom: 2px;
    padding-top: 0px;
    padding-right: 8px;
}
.re-media-middle {
    padding-right: 20px;
}
.re-media-body h4 {
    font-size: 18px;
    font-weight: 300;
    font-family: 'Source Sans Pro';
    color: #21262c;
}
.re-media-body p{
    color: #4d606f;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Source Sans Pro';
}
span.on-off-dot{
    display: block;
    background: transparent;
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 50%;
    border: 4px solid #45db5e;
    top: 0%;
    left: 18%;
}
span.or{
   border: 4px solid #fc684a;
}
span.lt-or{
    border: 4px solid #e9a962;
}
.re-map3 {
    color: #cacfd3;
}
i.dot2 {
    display: block;
    background-color: #45db5e;
    padding: 4.5px;
    width: 7%;
    border-radius: 50%;
    position: absolute;
    top: 6%;
    left: 51%;
}
.vibrance-box{
    background: url(../images/vibbg.jpg) no-repeat;
    width: 100%;
    height: 480px;
    position: relative;
    background-size: cover;
}
.pdng-stn1:nth-child(4),.pdng-stn1:nth-child(5),.pdng-stn1:nth-child(6) {
    margin-top: 30px;
}
.vib-banner {
    text-align: center;
}
img.img-widvib{
    width: 47%;
    margin-top: 30px;
}
.viv-bottom {
    text-align: center;
    padding-top: 16%;
    position: relative;
}
img.img-widiphon {
    width: 50%;
}
.iphn-text{
    position: absolute;
    bottom: 0%;
    background: #f73267;
    padding: 16px;
}
.iphn-text p{
    color: #fff;
    font-family: 'Source Sans Pro';
    font-weight: 100;
    font-size: 16px;
}
i.dot2.thr {
    background-color: #fff;
    top: 74.5%;
    left: 54%;
    position: absolute;
    width: 13px;
    height: 13px;
}
.viv-bottom a,.viv-bottom a:hover{
    color: #fff;
    text-decoration: none;
}
.signup-box {
    background:url(../images/selfiepic.jpg)no-repeat;
    width: 100%;
/*    height: 480px;*/
    position: relative;
    background-size: cover;
}
.sign-up-a a{
    color: #000;
    font-size: 16.5px;
    font-family: 'Source Sans Pro';
    font-weight: 300;
}
.sign-up-a a:hover{
    color: #f73267;
    text-decoration: none;
}
.sign-up-a {
    margin-top: 2px;
}
.signup-banner {
    text-align: center;
    margin-top: 0px;
    position: relative;
}
img.img-widsign{
    /*width: 41%;*/
	    padding-top: 45px;
}
i.sign-up-camera{
    position: absolute;
    top: 33%;
    left: 45%;
    color: #F5245C;
    font-size: 33px;
}
input[type="file"] {
    position: absolute;
    left: 43%;
    top: 36%;
    opacity: 0;
    display: inline-block;
    border: 0px;
    background-color: blue;
    outline: none;
    width: 13%;
    height: 23%;
    font-size: 4px;
    cursor: pointer;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -ms-border-radius: 5%;
    -moz-border-radius: 5%;
    -o-border-radius: 5%;
}
.signup-bottom {
    background-color: #fff;
    margin-top: 62px;
    text-align: center;
}
input.name {
    width: 49%;
    margin: 0px 0px 0px 0px!important;
    border: 1px solid #edeff0;
    border-right: 0;
    border-top: 0;
    outline: none;
    padding: 11px;
    display: inline-block;
}
input.email,input.password,input.number{
   width: 100%;
    margin: 0px !important;
    border:0;
    border-bottom: 1px solid #edeff0;
    outline: none;
    padding: 12px; 
}
a.signup-btn {
    background: linear-gradient(to left, #3366ff 0%, #003366 100%);
    border: 1px solid #fff;
    border-radius: 0;
    text-align: center;
    padding: 13px;
    color: #fff;
    font-family: 'Source Sans Pro';
    font-weight: 100;
    font-size: 16px;
    position: relative;
    width: 100%;
    bottom: 0px;
    margin-top: 45px;}
a.signup-btn:focus, a.signup-btn:hover{
    background: #000;
    transition: 0.5s all;
    color: #fff;
    border: 1px solid transparent;
}
.signup-arw {
    vertical-align: top;
    font-size: 25px;
}
.pdng-stn1:nth-child(2),.pdng-stn1:nth-child(3),.pdng-stn1:nth-child(4),.pdng-stn1:nth-child(5),.pdng-stn1:nth-child(6){
        margin-top: 0px !important;
    }
ul.dropdown-menu.left.tl{
        left: -95%;
}
.pull-left.folw-nv:nth-child(3) {
    margin-top:-2px;
    padding-left: 15px;
}
.footer {
    text-align: center;
    padding: 3em 0 0;
}
.footer p{
    text-align: center;
    padding: 3em 0 0;
}
/*---responisive starts here--*/
@media screen and (max-width: 1600px){
    .signup-bottom {
        margin-top: 32px;
    }
    img.img-widiphon {
        width: 39.4%;
    }
    viv-bottom {
        text-align: center;
        padding-top: 8.1%;
        position: relative;
    }
	.profileimage-re {
    width: 10%;
}
}
@media screen and (max-width: 1280px){
    .re-pilling li a {
        padding: 6px 21px;
    }
	.profileimage-re {
    width: 10%;
}
}
@media screen and (max-width: 1024px){
    .phn-status-bar {
        padding: 3px 2.5px;
    }
    div#menu {
        left: 0% !important;
    }
    .text-re h3 {
         font-size: 18px;
    line-height: 0.25px;
        padding-top: 7px;
    padding-bottom: 10px;
    }
    .text-re p {
        font-size: 11.5px;
    }
    .grid-likes h4 {
        font-size: 11px;
        margin: 2px 0px 0px;
    }
    .image-re img {
        width:100%;
    }
    .grid-likes p {
        font-size: 15px;
    }
    ul.slide-bar-menu li a {
        font-size: 15px;
    }
    i.dot {
        right: 17%;
    }
    .ntf-br-txt a {
            color: #000000;
    padding: 4px 6px;
    border-radius: 20px;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    }
    i.layr-img {
        position: absolute;
        background: url(../images/layers.png)-19px 0px;
        width: 206px;
        height: 90px;
        bottom: 0;
        right: 10%;
    }
    .re-pilling li a {
        padding: 4px 15px;
        font-size: 13px;
    }
    .freinds-box-bottom {
        padding: 21px 0px;
        padding-left: 20px;
    }
    .re-media-middle a img {
        width: 35px;
    }
    .re-media-body h4 {
        font-size: 15px;
    }
    .re-media-body p {
        font-size: 13px;
    }
    .re-media {
        margin-top: 10px !important;
    }
    span.on-off-dot {
        left: 20%;
    }
    .viv-bottom {
        padding-top: 51.2%;
    }
    i.sign-up-camera {
        left: 44%;
        font-size: 28px;
    }
    .signup-bottom {
        margin-top: 84px;
    }
	.profileimage-re {
    width: 10%;
}
}
@media screen and (max-width: 768px){
    .pdng-stn1:nth-child(3),.pdng-stn1:nth-child(4), .pdng-stn1:nth-child(5), .pdng-stn1:nth-child(6) {
        margin-top: 30px;
    }
    i.layr-img {
        right: 14%;
    }
    .re-pilling li a {
        padding: 4px 19px;
    }
    .re-media {
        margin-top: 10px !important;
    }
    .viv-bottom {
        padding-top: 31.7%;
    }
    span.on-off-dot {
        left: 17%;
    }
    .signup-bottom {
        margin-top: 73px;
    }
	.profileimage-re {
    width: 25%;
}
}
@media screen and (max-width:640px){
    div#menu {
        left:0% !important;
    }
    .disc h1 {
        font-size: 30px;
    }
    .menu-bar ul li a {
        font-size: 14.5px;
    }
	  .re-media {
        margin-top: 10px !important;
    }
    .circles ul li.circle {
        width: 7px;
        height: 7px;
    }
    .re-styl1 {
        color: #fff;
        font-size: 14px;
    }
    .time p {
        font-size: 13px;
        margin-top: 2px;
    }
    .blutot-battery li {
        font-size: 13px;
    }
    .re-styl2 {
        font-size: 24px;
    }
    .not-bdg {
        font-size: 11px;
        padding: 1.5px 3px;
    }
	.profileimage-re {
    width: 33%;
}

    .folw-nv p {
        font-size: 12.9px;
    }
    .re-sty4 {
        font-size: 21px;
    }
    .follw-prfil img {
        width: 46%;
    }
    .follw-prfil h3 {
        font-size: 22px;
    }
    .follw-prfil p {
        font-size: 14px;
    }
    .ntf-br-txt a {
        padding: 4px 4px;
        font-size: 13px;
    }
    i.layr-img {
        right: 6%;
    }
    .ntf-br p {
        font-size: 13.5px;
    }
    i.dot {
        right: 13%;
    }
    .re-pilling li a {
        padding: 4px 12px;
    }
    .freinds-box-bottom {
        padding: 24px 0px;
        padding-left: 20px;
		    height: 480px;
		
    }
    span.on-off-dot {
        left: 20%;
    }
    .viv-bottom {
        padding-top: 65.9%;
    }
    .signup-bottom {
        margin-top: 100px;
    }
    .iphn-text p {
        font-size: 15px;
    }
    input.name,input.email, input.password, input.number{
        font-size: 13px;
    }
}
@media screen and (max-width:480px){
    .pdng-stn1 {
        width: 100% !important;
        float: none !important;
		
    }
    .circles ul li.circle {
        width: 9px;
        height: 9px;
    }
	  .re-media {
        margin-top:10px !important;
    }
    .re-styl1 {
        font-size: 16px;
    }
    .blutot-battery li,.time p{
        font-size: 15px;
    }
    .disc h1 {
        font-size: 30px;
    }
    .re-styl2 {
        font-size: 20px;
    }
    .not-bdg {
        font-size: 11px;
        padding: 2px 4px;
    }
    .pdng-stn1:nth-child(1) {
        overflow: hidden;
    }
    .menu-bar ul li a {
        font-size: 14px;
    }
    ul.slide-bar-menu li a {
        font-size: 15px;
    }
    .folw-nv p {
        font-size: 16.5px;
    }
    .re-sty4 {
        font-size: 24px;
    }
    i.dot {
        right: 18%;
    }
    .follw-prfil img {
        width: 32%;
    }
    .ntf-br-txt a {
        padding: 6px 6px;
        border-radius: 20px;
        font-size: 15px;
    }
    .ntf-br p {
        font-size: 11px;
    }
    .follw-prfil h3 {
        font-size: 26px;
    }
    .follw-prfil p {
        font-size: 16px;
    }
    i.layr-img {
        right: 15.5%;
        height: 110px;
    }
    .flw-ntf-br {
        margin-top: 15px;
    }
    .re-pilling li a {
        padding: 6px 17px;
        font-size: 15px;
    }
    span.on-off-dot {
        left: 17%;
    }
    img.img-widiphon {
        width: 55%;
    }
    .viv-bottom {
        padding-top: 17.4%;
    }
    i.dot2.thr {
        top: 74.2%;
    }
    .signup-bottom {
        margin-top:100px;
    }
    i.sign-up-camera {
        left: 43%;
        font-size: 36px;
    }
	.profileimage-re {
    width: 33%;
}
}
@media screen and (max-width:320px){
    .pdng-stn1 {
        padding: 0 !important;
    }
    .circles ul li.circle {
        width: 7px;
        height: 7px;
    }
    .time p {
        font-size: 13px;
        margin-top: 2px;
    }
    .re-styl1 {
        color: #fff;
        font-size: 14px;
    }
    .blutot-battery li {
        font-size: 13px;
    }
    .disc h1 {
        font-size: 19px;
    }
    .re-styl2 {
        font-size: 24px;
    }
    .not-bdg {
        font-size: 11px;
        padding: 1.5px 3px;
    }
    .menu-bar ul li a {
        font-size: 14.5px;
    }
    .folw-nv p {
        font-size: 12.9px;
    }
    .re-sty4 {
        font-size: 21px;
    }
    i.dot {
        right: 17%;
        top: 10%;
    }
    .nv-br-icn {
        margin: 3px 0px 0px 35px;
    }
    .follw-prfil h3 {
        font-size: 22px;
    }
    .follw-prfil p {
        font-size: 14px;
    }
    .ntf-br-txt a {
        padding: 4px 4px;
        font-size: 13px;
    }
    i.layr-img {
        right: 10%;
        height: 156px;
    }
    .re-pilling li a {
        padding: 4px 12px;
    }
    img.img-widiphon {
        width: 61%;
    }
    .viv-bottom {
        padding-top: 27.8%;
    }
    i.dot2.thr {
        top: 73.8%;
    }
    i.sign-up-camera {
        left: 44%;
        font-size: 30px;
    }
    span.on-off-dot {
        left: 19%;
    }
    .signup-bottom {
        margin-top: 93px;
    }
	.image-re img{
		width:100%;}
		.profileimage-re {
    width: 33%;
}
		
}
.p1{
	 width: 13%;
    font-size: 30px;
    color: #fff;
    background: none!important;
    padding: 0px!important;
    margin: 0px!important;}
.p2{width: 15%;
    padding-top: 2px;
    padding: 3px;
}
.p3{
	
 /*   width: 33%;*/
  
}
.p4{
	
    width: 18%;
}
.p5{
	    width: 16%;}
.float-stn4 {
        /* width: 23%; */
    float: right;
    text-align: center;
    font-size: 20px;
    padding-right: 7px;}
	.published {
    font-size: 11px;
	color: #f26649;
}
.commenticon{
         position: relative;
    font-size: 25px;
    float: right;
    margin-bottom: -34px;
        margin-right: 2px;
    margin-top: 2px;
}
.notification-list {
    margin-bottom: 0px;
    overflow: scroll;
    height: 350px;
	
}
.notification-list .selectize-dropdown-content>*, .notification-list li {
   padding: 3px 0px 3px 5px;
    border-bottom: 1px solid #e6ecf5;
    display: block;
    position: relative;
    transition: all .3s ease;
    margin-bottom: 10px;
}
.notification-list .author-thumb {
    height: 40px;
    float: left;
    width: 40px;
}

.notification-list .selectize-dropdown-content>*>*, .notification-list li>* {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
.author-thumb {
    display: inline-block;
    position: relative;
    margin-top: 15px;
    float: left;
    margin-right: 15px;
}
.author-thumb img {
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
	margin-top: -25px;
}
.notification-list .notification-event {
    padding-left: 15px;
}

.notification-list .selectize-dropdown-content>*>*, .notification-list li>* {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
.re-media-body p a{
	list-style-type:none;
	text-decoration:none;
	    font-size: 15px;}
.profile 
{
      display: inline-block;
    background: none;
    border: none;
    width: 100%;
    }
figcaption.ratings
{
    margin-top:20px;
    }
figcaption.ratings a
{
    color:#f1c40f;
    font-size:11px;
    }
figcaption.ratings a:hover
{
    color:#f39c12;
    text-decoration:none;
    }
.divider 
{
    border-top:1px solid rgba(0,0,0,0.1);
    }
.emphasis 
{
    border-top: 4px solid transparent;
    }
.emphasis:hover 
{
    border-top: 4px solid #1abc9c;
    }
.emphasis h2
{
    margin-bottom:0;
    }
span.tags 
{
    background: #1abc9c;
    border-radius: 2px;
    color: #f5f5f5;
    font-weight: bold;
    padding: 2px 4px;
    }
.dropdown-menu 
{
    background-color: #34495e;
    box-shadow: none;
    -webkit-box-shadow: none;
    /* width: 300px; */
    /* margin-right: 30px; */
    /* left: 50%; */
    }
.dropdown-menu .divider 
{
    background:none;    
    }
.dropdown-menu>li>a
{
    color:#f5f5f5;
    }
.dropup .dropdown-menu 
{
    margin-bottom:10px;
    }
.dropup .dropdown-menu:before 
{
    content: "";
    border-top: 10px solid #34495e;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
    }
.prof{
	    background: #f7f7f7;
    padding: 10px;
    font-size: 25px;
    text-align: center;
    width: 40%;
    position: absolute;
    right: 30%;
    font-weight: 600;
}
.editpof{
	    background: #e5e5e5;
    padding: 6px;
    color: #000;
    text-align: center;
    font-weight: 600;
    width: 65%;
    float: right;
    margin-top: 15px;
    font-size: 12px;}
.float-stn4 ul{
}
.float-stn4 ul li{
	float:left;
	text-align:left;
	text-decoration:none;
	list-style-type:none;
	    padding-right: 6px;
		    padding-top: 5px;}



.profile 
{
 /*   min-height: 300px;*/
    display: inline-block;
	    background: #fff;
    }
figcaption.ratings
{
    margin-top:20px;
    }
figcaption.ratings a
{
    color:#f1c40f;
    font-size:11px;
    }
figcaption.ratings a:hover
{
    color:#f39c12;
    text-decoration:none;
    }
.divider 
{
    border-top:1px solid rgba(0,0,0,0.1);
    }
.emphasis 
{
    border-top: 4px solid transparent;
    }
.emphasis:hover 
{
    border-top: 4px solid #1abc9c;
    }
.emphasis h2
{
    margin-bottom:0;
    }
span.tags 
{
    background: #1abc9c;
    border-radius: 2px;
    color: #f5f5f5;
    font-weight: bold;
    padding: 2px 4px;
    }
.dropdown-menu 
{
      background-color: #34495e;
    box-shadow: none;
    -webkit-box-shadow: none;
    /* left: 50%; */
    }
.dropdown-menu .divider 
{
    background:none;    
    }
.dropdown-menu>li>a
{
    color:#f5f5f5;
    }
.dropup .dropdown-menu 
{
    margin-bottom:10px;
    }
.dropup .dropdown-menu:before 
{
    content: "";
    border-top: 10px solid #34495e;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 20%;
    margin-left: -10px;
    z-index: 10;
    }
.commentbox{
	padding-top:10px;
	    margin-bottom: -26px;
}
.picpro{
	padding-right:10px;
}
.drop-down1{
	    background-color: #34495e;
    box-shadow: none;
    -webkit-box-shadow: none;
    left: 81%;
}
.profile_us{
	padding-top:5px;position:  absolute; right:-25px;}
	
.fav{
	    width: 100%;}
.like{
    margin-bottom: 0px;
    overflow: scroll;
    height: 350px;
}
.like li{
        padding: 4px 0px 20px 5px;
    border-bottom: 1px solid #e6ecf5;
    display: block;
    position: relative;
    transition: all .3s ease;
    margin-bottom: 4px;
}
.notification-event a{
	font-size:9px;}
.notification-date{
	font-size:9px;}


.loadercamera {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	
}
.audio-w{
        width: 100%;
    margin-top: 12px;
    /* position: absolute; */
    padding: 0px 2px 0px 10px;
    }
 .blinker
 {
 background: #ff000099; 
 padding: 5px; 
 border-radius: 5px; 
 }
.blinker a
{
	font-weight: 700 !important;
}