@media only screen and (max-width: 1030px) {
    body {
        line-height: 20px;
    }
    .allProjectsDiv, .aboutDiv {
        font-size: 14px;
    }
    .aboutContainer, .registryContainer {
        padding-top: 4px;
        margin-right: -17px;
    }
    .cornerLinks, a.cornerLinks:visited,  a.cornerLinks:active {
        font-size: 20px;
    }
    .topRightWithPAndA span {
        font-size: 19px;
    }
    .topContainer {
        padding: 16px 30px;
    }
    .bottomContainer {
        padding: 14px 30px 14px;
    }
    .select-selected:after {
        border-width: 4.5px;
    }

}




@media only screen  and (max-width: 880px)  {
    .aboutContainer .rightDiv, .aboutContainer .leftDiv {
        width: 100%;
    }
    .bigRight, .smallLeft {
        width: 45%;
    }

    .divInLeftWithPosition {
        margin-top:100px;
    }
    .divInLeftWithPosition, .divForSelect3 {
        margin-top: 65px;
    }
    .mobileMargin {
        width: 92%!important;
        margin: auto;
        display: block;
        float: none;
    }
    .aboutContainer {
        margin-left: 0;
    }
    .aboutDiv  .carousel {
        margin-top: 40px;
        width: 100%;
    }
    .aboutDiv .carousel-inner {
        height: 188px;
    }
}

@media only screen  and (max-width: 450px)  {
    .topContainer  .bottomRightText, .topContainer  .topLeftText,  .topContainer  .topRightText, #container .bottomLeftText {
        float: none;
        text-align: center;
    }
    .topContainer  .topRightText{
        margin-top: 20px;
    }
    .topContainer , .bgImageDivik {
        position: static;
        width: 100vw;
    }
    .bottomContainer div {
        float: none;
        text-align: center;

    }
    .project .bottomContainer,.project .topContainer {
        background-color: #f2f2f2;
    }
    .bottomContainer h2, .topContainer h2, .topContainer span {
        color: #000!important;
        font-size: 16px;
    }
    .aboutContainer {
        margin-top: 0;
        margin-left: 0;
    }
    .divInLeftWithPosition {
        margin-top:80px;
    }
    .registryRightDiv {
        width: 100%;
        float: none;
        overflow-y: auto;
        height: auto;
    }
    .projectsInRegistry {
        width: 100%;
        height: 55vw;
    }
    .titleInRegistry {
        opacity: 1!important;
    }
    .divForSelect3 {
        margin-top: 0;
    }
    .registryContainer{
        overflow-y: scroll;
        margin-left: 0;
        margin-top: 0;
    }
    .registryLeftDiv {
        width: 100%;
        float: none;
        margin: 0 0 0 30px;
    }
    .loader {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 18px solid #000000;
        margin-left: -10px;
        margin-top: -18px;
    }
    .project .topRightWithPAndA span {
        opacity: 1;
    }
    .mobileShow {
        display: block;
    }
    .mobileHide {
        display: none;
    }
    .project {
        background-position-y: 50px;
    }

    .bottomContainer {
         position: static;
    }
    .innerImagesDiv {
        position: static;
        width: 100%!important;
        height: auto!important;
    }
    .innerImagesDiv:not(.insightsText) {
        margin-top: -8px;
    }

    .innerImagesDiv iframe {
        width: 105%!important;
        height: 54vw!important;
        margin-left: -10px;
    }
    .player .vp-player-layout {
        left: inherit!important;
        width: 100%!important;
        height: auto!important;
    }
    .vp-player-layout {
        position: static!important;
    }

    #container .topContainer{
        position: static;
    }
    #main{
        height: auto!important;
    }
    .insightsText {
        float: none;
        padding: 0 30px;
    }
    .showAndMoveUp {
         -webkit-animation: none;
         animation: none;
    }
    .innerImagesDiv .numbering{
        bottom: 10px;
        z-index: 1;
    }
    .notVisible {
        opacity: 1;
    }
    .bottomContainer {
        padding: 10px 30px 10px;
    }
    .topContainer {
        padding: 16px 30px;
    }
    .carousel-control.right, .carousel-control.right:hover{
        background-image: url(../images/icons/changeHomepageRight.png);
    }
    .carousel-control.left, .carousel-control.left:hover{
        background-image: url(../images/icons/changeHomepageLeft.png);
    }
    .carousel-control.right, .carousel-control.left{
        width: 10vw;
        background-repeat: no-repeat;
        opacity: 1;
        height: 100%;
        background-position: center;
    }
    .carousel-control.right:hover, .carousel-control.left:hover{
        cursor: pointer;
    }
    .mobileMargin {
        width: 86%!important;
    }
    .forMarginTop {
        margin-top: 40px;
    }
}

@media only screen  and (min-width: 1600px)  {
    .allProjectsDiv, .aboutDiv {
        font-size: 21px;
    }
    body {
        line-height: 27px;
    }
    .aboutContainer, .registryContainer {
        padding-top: 26px;
        margin-right: -17px;
    }
    .cornerLinks, a.cornerLinks:visited,  a.cornerLinks:active {
        font-size: 25px;
    }
    .topRightWithPAndA span {
        font-size: 25px;
    }

    .divInLeftWithPosition {
        margin-top:100px;
    }

}