/* Begin Layout Responsive */

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

    @media only screen and (min-width: 480px) and (max-width: 768px) {

             

        

    .leftBox{ float:left; width:20%; padding:5px 0px 5px 1px; }

    .rightBox{ float:left; width:80%; }       

    

    .leftBox2{ float:left; width:25%; margin-bottom:5px; }

    .rightBox2{ float:left; width:75%; margin-bottom:5px; }     

    

    .leftBox3{ float:left; width:14%; margin-bottom:5px; }

    .rightBox3{ float:left; width:86%; margin-bottom:5px; }     

        

   .btn.btn-link{    

      margin:3px;    

   }         

        

    .objectHead{

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

    }

    

    .photosliding{

        width:170px;

        left:2px;

        margin-top: 0px;

        padding:5px 2px 5px 0; 

    }

    

    .btn {

        border-radius: 6px;

        padding: 2px 4px;

        transition: all 0.3s linear 0s;

    }

    

    .btn-e {

        font-size: 11px;

    }                

        

    .input-icon.right > i {   

        right: 0px;

        margin: 5px 20px 0 273px;      

    } 

    

	.view .mask-video {       

	    top:173px;

	}           

        

      .section { padding:80px 0; }

      

    .section-page {

        margin-top: 60px;

    }       

      

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

            margin-right: 10px;

        }           



      .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 {

        background-color: #fff;

        padding:8px;

    }

    

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

        background-color: #fff;

        color: rgb(181, 67, 33);

    }

    

    

    .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 #f4f4f4;

      }

      

    .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;

    }

    

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

    

    .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; */

    }                                          

       



    }