/* Begin Layout Responsive */

    /*@media (max-width: 580px) { */

    @media (max-width: 480px) {      

    /* text align */
    .text-res-align{
        text-align: left;
        font-size: 13px;
        margin-top: 0px !important;
    }
        

    /* Photo show image height */    

    .center-block-height {

        float:none;

        text-align: center;

        height:250px;

    }

    

    .photo-show{height:250px;border: 1px solid #2F2E2F;}

    

    .center-block-height-modal {

        float:none;

        text-align: center;

        height:250px;

    } 

    .photo-show-modal{height:250px;border: 1px solid #2F2E2F;}        

     

    /* Photo show image height */         

        

    /*Explore*/    

    .ex-content{width:100%;height:88px;}        

        

    .searchBoxLeft{float: left; width: 260px; }

    .searchBoxRight{float: left; }          

        

    .leftBox{ float:none; width:100%; padding:5px 0px 5px 1px; }

    .rightBox{ float:none; width:100%; }  

    

    .leftBox2{ float:none; width:100%; margin-bottom:5px; }

    .rightBox2{ float:none; width:100%; margin-bottom:5px; }          

    

    .leftBox3,.leftBox8{ float:none; width:100%; margin-bottom:5px; }

    .rightBox3,.rightBox8{ float:none; width:100%; margin-bottom:5px; } 

    

    .leftBox4{ width:19%; }

    .rightBox4{ width:81%; }  
    
    .box9{margin-left: 0px;width:100%;}
    
    .group-sidebar{margin: 0 auto;width:80%;}     

        

   .btn.btn-link{    

      margin:5px;    

   }     

        

   .mobile-more{left:-100px;}     



    #profile_picture{

        margin-top: -45px;

        text-align: center;

    }

    

    .cover .profile-pic {

        width:80px;

        height:80px;        

    } 

    

    .facebook-share-box .post-types li a {    

        font-size: 11px;        

    }        

        

    .photo-show-navi{

        position: absolute;z-index: 1000;width:100%;top:14%;padding-left:0px;padding-right:0px;

    }        

        

    .objectHead{

        float: left; text-align: left; font-size: 13px; font-weight: normal; margin: 0px; width:79%;

    } 

    .objectHeadLeft{

        float: left; text-align: left;margin-top: 0;

    }

     .objectHeadRight{

        float: left; 

        font-size: 12px; 

        width: auto; 

        font-weight: normal; 

        text-align: right; 

        margin: 0px 2px 9px;

     }

     

     .photosliding{

        width:157px;left:-18px;margin-top: 0px;padding:5px 2px 5px 0; 

     }         

    

    .title-medium {

        font-size: 17px;

    }

    

    .font12 {

        font-size: 11px;

        line-height: 18px;

    }                

        

      .section { padding:60px 0; }

      

    .no-paddiing{padding:1px;margin-bottom: -10px;}

    .mobile-display{display:none;}  

    

    .btn-e {

        font-size: 11px;

        letter-spacing: 0;

        padding: 2px 5px;

    }

    

    .photo_empty_box{

        height:70px; 

        line-height:18px;

        font-size:11px;             

    }    

    

	.view .mask {       

	    top:218px;

	}

    

	.view .mask3 {       

	    top:91px;

	}

    

    .image-content{

        height:120px;

    }        

    

	.view .mask-video {       

	    top:91px;

	}            

      

    .section-page {

        margin-top: 60px;

    }      

      

    .dropdown-user i[class*="icon-"] {

        margin-right: 10px;

    }           

        .navbar .nav > li > a > .badge {
            position: absolute;
            right: 0px;
            top: -1px;
        }  


      .activity-nav .navbar-nav {

        margin: 0;

      }

       .activity-nav .navbar-nav > li {

        float: left;        

      }

     .activity-nav .navbar-nav > li > a {

        float: left;

      }

    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li a:hover {

        background-color: #fff;

        color: rgb(181, 67, 33);

    }
      

    .activity-nav ul.navbar-nav > li ul.dropdown-menu .alert-list > li a.responsive-more {
        /*background-color: #fff;*/
        color:  #fff;
        position:absolute; 
        right:5px;
        top:0;
        padding: 10px;
        border-bottom: 0px;                
    }
    
    .activity-nav ul.navbar-nav > li ul.dropdown-menu .alert-list > li a.responsive-more:hover {
        background-color: #667;
        color: #f5f5f5;
    }    

    
    ul.dropdown-menu-notify .vertical li{
        float: left;
        text-align:center;
    }
    
    .nav-tabs.vertical > li.active > a, .nav-tabs.vertical > li.active > a:hover, .nav-tabs.vertical > li.active > a:focus {
        border-left: 3px solid #555557;
        background-color: #f0f0f0;
        padding:10px;
    }    
    
    ul.dropdown-menu-notify .menu-alert-sidebar span{
        display: block;
    }    
    
    ul.dropdown-menu-notify .menu-alert-sidebar span{
        display: block;
        margin:0 auto;
    }     
    
    ul.dropdown-menu-notify .menu-alert-sidebar .badge{
        left: 36px;
        top: 3px;
        width: 20px;
        height: 20px;
        padding: 3px;
    }
    
    .activity-nav > li > a {

        display: block;

        padding: 10px 15px;

        position: relative;

    }  

    

    .navbar-nav > li > a {

        font-size: 12px;

        padding-bottom: 5px;

        padding-top: 8px;

    }            

    

    .activity-nav{margin:50px 0 0;height: 30px;} 

    

    .activity-nav ul.navbar-nav > li {

      height: 35px;

      float: left;

    }

    

   .activity-nav ul.navbar-nav > li.dropdown-extra ul.dropdown-menu {

      min-width: 160px;

      max-width: 320px;

      width: 300px;          

    }

     .activity-nav ul.navbar-nav > li ul.dropdown-menu > li:first-child a {

      border-top: none;

      border-bottom: 1px solid #f4f4f4;

    }

   .activity-nav ul.navbar-nav > li ul.dropdown-menu > li:last-child a {

      border-bottom: 1px solid #f4f4f4;

    }



    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li ul.dropdown-menu-list {

        list-style: outside none none;

        padding-left: 0;

        padding-right: 0 !important;

    }    

    

    .activity-nav ul.navbar-nav > li.dropdown-user img {

        height: 25px;

        margin-right: 0px;

        margin-top: -3px;

    }    

    

    .activity-nav ul.navbar-nav > li.dropdown-messages .dropdown-menu p {

        background-color: #667;

        color: #ffffff;

    }

    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li p {

        background-color: #e5e5e5;

        color: #666666;

        margin: 0;

        padding: 10px;

    } 

    

    .activity-nav ul.navbar-nav > li.dropdown-notifications .dropdown-menu p {

        background-color: #667;

        color: #ffffff;

    } 

    

    .activity-nav ul.navbar-nav > li.dropdown-tasks .dropdown-menu p {

        background-color: #667;

        color: #ffffff;

    }

        

     .activity-nav ul.navbar-nav > li ul.dropdown-menu > li:first-child a {

      border-top: none;

      border-bottom: 1px solid #f4f4f4;

    }

   .activity-nav ul.navbar-nav > li ul.dropdown-menu > li:last-child a {

      border-bottom: 1px solid #f4f4f4;

    }



    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li ul.dropdown-menu-list {

        list-style: outside none none;

    }

    

    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li a:hover {

        background-color: #f5f5f5;

        color: #666666;

    }  

    

    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li a:hover {

        background-color: #f5f5f5;

        color: rgb(181, 67, 33);

    }      

    

      .activity-nav .navbar-nav .open .dropdown-menu {

        float: none;

        width: auto;

        margin-top: 0;

        border: 0;

        box-shadow: none;

         position: absolute;

         box-shadow: 0px 5px 4px #ccc;

      }

      

    .activity-nav ul.navbar-nav > li.dropdown-messages .dropdown-menu .avatar {

        float: left;

        padding-right: 6px;

    }

    

    .activity-nav ul.navbar-nav > li.dropdown-messages .dropdown-menu .avatar img {

        height: 40px;

        width: 40px;

    }

    

    .activity-nav ul.navbar-nav > li.dropdown-messages .dropdown-menu .subject {

        display: block;

    }             

    

    .activity-nav ul.navbar-nav > li.dropdown-messages .dropdown-menu .subject .from {

        color: rgb(181, 67, 33);

        font-size: 14px;

        font-weight: 400;

    }     

    

    .activity-nav ul.navbar-nav > li.dropdown-messages .dropdown-menu .time {

        float: right;

        font-size: 12px;

        font-style: italic;

        opacity: 0.8;

        position: relative;

    }

    

    .activity-nav ul.navbar-nav > li.dropdown-notifications .dropdown-menu .time {

        font-size: 12px;

        font-style: italic;

        opacity: 0.8;

        text-align: right;

    }    

    

    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li a {

        border-bottom: 1px solid #f4f4f4;

        clear: both;

        color: #666666;

        display: block;

        line-height: 20px;

        padding: 10px;

        white-space: normal;

    }

    

    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li a:hover {

        background-color: #f5f5f5;

        color: rgb(181, 67, 33);

    }

    

    .activity-nav .navbar-nav .open .dropdown-menu > li > a:hover, .activity-nav .navbar-nav .open .dropdown-menu > li > a:focus {

        background-color: #f5f5f5;

        color: rgb(181, 67, 33);

    }     

    

    .activity-nav ul.navbar-nav > li ul.dropdown-menu > li.footer > a > i {

        float: right;

        margin-top: 3px;

    }

    

    .activity-nav ul.navbar-nav > li.dropdown-tasks .dropdown-menu .progress {

        margin-bottom: 0;

    }

    .progress.progress-xs {

        height: 5px;

        margin-top: 5px;

    }  

    

    .input-icon.right > i {

        margin: 5px 20px 0 7px;

        right: 0;       

    }

    

    .navbar-nav > li > a.notificationTop{padding:8px 16px 9px 15px;}

    

    .dropdown-menu-gifts{

       margin-left: -90px;      

    }

    

    .dropdown-menu-notify{

       margin-left: -42px;      

    }    

    

    .dropdown-menu-photo_rating{

       margin-left: 6px;      

    }

    

    .dropdown-menu-msg{

       margin-left: -135px;      

    } 

    

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

        background-color: #e7e7e7;

        color: #555;

        /* padding: 8px; */

    }                                                       

       



    }