@media only screen and (min-width: 320px)and (max-width: 480px) {
    .our-service {
        background: #650c4e;
        height: 304px;
        position: absolute;
        width: 67%;
        z-index: 99999;
        top: 84px;
        padding: 20px;
        left: 96px;
    }
    .menu__inner {
        width: 85%;
    }
    .menu ul li a {
        padding: 20px 0 37px 156px;
        width: 100%;
    }
    .logo img {
        margin:0 0 0 170px;
        width:30%;
    }
    .menu__handle {
        top: 44px;
        right: 68px;
    }
    .readmore-service {
        top: 8px;
    }
    .menu.menu--open {
        width:90%;
    }
    .menu ul li span {
        font-size:14px;
    }


    #menu {
        display:none;
    }
    .mobile-menu .navbar-inverse {
        background-color: #650c4e;
        border-color: #650c4e;

        text-align: center;
    }
    .mobile-menu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #a90e81;
    }
    .mobile-menu .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #a90e81;
    }
    .navbar-brand img {
        width:22%;
    }
    .mobile-menu {
        position: relative;
        z-index: 999999999;
    }
    .mobile-menu .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

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



}
@media only screen and (min-width: 375px)and (max-width: 410px) {

}
@media only screen and (min-width: 360px)and (max-width: 374px) {

}
@media only screen and (min-width: 414px)and (max-width: 434px) {


}
@media only screen and (min-width: 435px)and (max-width: 640px) {


}
/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {

}
/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {




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

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


}
@media (max-width: 992px) {

}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .grid figure {
        min-width:250px;
    }
    .our-service {
        width:239px;
        height: 336px;
    }
    .readmore-service {
        top:47px;
        left: 28px;
    }
    .icons-service {
        top:46px;
    }
    .menu ul {
        margin: 0 0 0 0;
    }
    .menu ul li a {
        padding: 20px 0 18px 0;
    }


}
@media only screen and (min-width: 1400px) and (max-width: 1440px) {
    .our-service {
        width:318px;
    }
    .readmore-service {
        top:68px;
    }
    .icons-service {
        top:62px;
    }
    .grid figure {
        min-width: 313px;
    }


}
@media only screen and (min-width: 1680px) {
    .copy-right {
        top:94%;
    }
}
@media only screen and (min-width: 1920px) {
   .copy-right {
       top:95%;
   }
}
@media (max-width: 480px) {


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

}