@media only screen and (max-width : 520px) {
     .section-title {
         padding-top: 0px;
    }
     #news {
         padding-bottom: 20px;
    }
     .period .work-experience-content {
         padding-top: 0px;
    }
     div.research {
         padding-top: 0;
    }
     section#experience {
         padding-bottom: 2.5px;
    }
     .section-title-publ h2 {
         padding-top: 10px;
         margin: 0;
    }
     #clustrMapsImg {
         margin-top: -53px;
    }
     .publ-visitors-map #clustrMapsImg-publ {
         margin-top: -33px;
    }
     #about, #contact, #experience {
         padding: 15px 0;
    }
}


 @media only screen and (min-width: 992px) and (max-width:1200px) {
     .person-info .about_info ul li p,.person-info .about_info ul li span {
         font-size:14px;
    }
}


 @media only screen and (min-width: 768px) and (max-width:991px) {
     .custom-navbar .nav li a {
         letter-spacing:0;
    }
     .person-info {
         margin-top: 40px;
    }
}


 @media only screen and (max-width: 767px) {
     .navbar-collapse {
         background: #4174e3;
         opacity: 0.95;
         filter: Alpha(opacity=95);
        /* IE8 and earlier */
    }
     .custom-navbar {
         padding-top: 0;
         background: #4174e3;
         opacity: 0.95;
         filter: Alpha(opacity=95);
        /* IE8 and earlier */
    }
     .custom-navbar .nav li.active a {
         color: #f9f9fA ;
    }
     .custom-navbar .nav li a {
         color: #f9f9fA ;
    }
     .custom-navbar .navbar-nav>li>a:focus,.custom-navbar .navbar-nav>li>a:hover {
         background-color: transparent;
         color: #f9f9fA ;
    }
     .custom-navbar .nav li.active>a:after,.custom-navbar .navbar-nav li a:hover:after {
         background: #f9f9fA ;
         color: #f9f9fA ;
         width: 100%;
    }
     .custom-navbar .nav li a:after {
         background-color: #f9f9fa ;
    }
     .top-nav-collapse {
         background: #4174e3;
         opacity: 0.95;
         filter: Alpha(opacity=95);
        /* IE8 and earlier */
    }
     .custom-navbar .navbar-toggle .icon-bar {
         background-color: #f9f9fA ;
    }
     .top-nav-collapse .navbar-toggle .icon-bar {
         background-color: #f9f9fa;
    }
     .custom-navbar.top-nav-collapse {
         box-shadow: 1px 1px 3px rgba(80,80,80,.1);
    }
     #home .container {
         top: 34%;
    }
     .person-info {
         margin-top: 40px;
    }
     .about_info {
         margin-bottom: 13px;
    }
}


 @media only screen and (min-width: 480px) and (max-width:767px) {
     .person-info .about_info ul li {
         display:inline-block;
         width: 298px;
    }

}


 @media only screen and (max-width: 320px) {
     .person-info .about_info ul li p {
         margin-right:3px;
    }
     .header-content h1 {
         font-size: 45px;
    }
     .header-content h4 {
         font-size: 22px;
    }
}