/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    #head form {
    width: 50%;   
}
#head .moon img {
    height: 110px;
}
.rocet-md img {
    display: none;
}
.rocet-sm img {
    display: block;
}
.footer-cosmo-img img{
    width: 400px;
}
.serv-title{
    font-size: 27px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
#head form {
    width: 50%;   
}
#head .rocet img{
    width: 600px;
}

.clearfix1{
    display: none;
}
.callback-forms-btn{
    margin-top: 10px;
    margin-bottom: 10px;
}
.footer-cosmo-img img{
    width: 300px;
}
.footer-cosmo-img-l img{
    width: 300px;
}
#advs .adv-itrm{
    height: 246px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .head-phone{
        margin-right: 10px;
    }
    .logo{
        margin-left: 10px;
    }
    .footer-cosmo-img{
        display: none;
    }
    .footer-cosmo-img-l{
        display: none;
    }
    #footer h1{
        font-size: 25px;
    }
    #footer hr{
        display: none;
    }
    #head form {
    width: 50%;
}
    .work-title{
    font-size: 19px;
}

    .uspeh-title{
        font-size: 40px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    #head form {
    width: 90%;
}
.logo img{
    float: none;
    width: 260px;
}
.logo{
    text-align: center;
}
.head-phone{
    float: none;
    text-align: center;
}
#head .moon {
    top: 34%;
    
}
.work-title-bg{
    background-size: 90%;
    background-position: -15px;
}
.serv-title-bg{
    background-size: 100%;
    background-position: 15px;
}

    .uspeh-title{
        font-size: 30px;
    }
    /*#quest img{*/
    /*    width: 50%;*/
    /*}*/
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.rocet-sm img {
    display: none;
}
}