@media (min-width: 1200px) {
    /*body {
        background-color: #008000 !important;
    }*/

    .squa {
        height: 260px;
        margin-left: 1%;
    }

    #topheader {
        height: 145px;
    }

    #topheader img {
        width: 5%;
        margin-top: 30px;
    }

    #title {
        position :inherit;
        margin-left: -50px;
    }
    #navbar {
        left: 180px;
    }
    #icsrch {
        position: relative;
        right: 95px;
    }
    
    .banner img {
        width: 100%;
    }

    .holder {
        left: 50%;
    }
}

/*MD*/
@media (min-width: 992px) and (max-width: 1200px) {
    /*body {
        background-color: #00fa9a !important;
    }*/

    .page1 {
        left: 160px;
    }

    .squa {
        height: 260px;
        margin-left: 1%;
    }
    #navbar {
        left: 130px;
    }

    #topheader {
        height:145px;
    }
    #topheader img {
        width: 6%;
        margin-top: 35px;
    }
    #icsrch i {
        left: 60px;
    }

    #title {
        position : inherit;
        margin-left: -210px;
    }
    .linkbox {
        left:120px;
    }
    .linkbox h5 {
        font-size: 24pt;
    }
    .linkbox img {
        margin-top: 18px;
        width: 14%;
    }
    .research ul.eng {
        right:35px;
    }
    .paginator ul {
        margin-left: 225px;
    }

    .group ul {
         margin-right: 285px;
    }
    .left-info input {
        left: 75px;
    }
    .facility ul {
        margin-right: 295px;
        
    }
   .facility ul li {
        float: right;
       direction:rtl;
        
    }
    .holder {
        left: 415px;
    }
}



/*SM*/
@media (min-width: 768px) and (max-width: 991px) {
    body {
        background-color: #008b8b !important;
    }

    #research {
        position: relative;
        bottom: 45px;
        left: 130px;
    }

    #text p {
        left: 160px;
    }

    .squa {
         width: 240px;
          margin-left: 0;

    }
     .square {
         height: 230px;
     }
     .linkbox {
         margin-left: 40px;
     }

    .linkbox h5 {
        font-size: 15pt;
    }

    .linkbox p {
        font-size: 11pt;
    }
    #title {
        position : inherit;
        margin-left: -335px;
    } 
    .banner h1 {
        margin-left: 540px;
        font-size: 26pt;
    }
    .banner h1.color {
        margin-left : 755px;
    }
    .page1 {
        left: 95px;
    }
    #research {
        bottom: 130px;
    }
    .image img {
        right: 350px;
    }
    #topheader {
        height: 96px;
    }
    #navbar {
        left: 45px;
    }
}



/*SX*/
@media (min-width: 500px) and (max-width: 767px) {
    body {
        background-color: #a52a2a !important;
    }
}

@media (min-width: 350px) and (max-width: 499px) {
    body {
        background-color: #7d7d7d !important;
    }
}

@media (min-width: 300px) and (max-width: 349px) {
    body {
        background-color: yellow !important;
    }
}