/*--------------------------------------------------------------
    large screens(lg)
---------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {

}

/*--------------------------------------------------------------
    laptop, desktop(md)
---------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

/*--------------------------------------------------------------
    tablet(md-landscape)
---------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*home area*/
    .hero {
        height: 160vh;
    }
    .hero::after{
        height: 160vh;
    }
    
    /*profile area*/
    #profile {
        padding-top: 50px;  
    }
    #profile .col-title {
        text-align: center;
        padding-bottom: 30px;
    }
    #profile .card{
        min-height: 330px;
    }
    #profile .card-body img {
        height: 330px;
    }
}

/*--------------------------------------------------------------
    mobile(sm-portrait)
----------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
   
}

/*--------------------------------------------------------------
   medium mobile - Portrait
----------------------------------------------------------------*/
@media only screen and (min-width: 360px) and (max-width: 479px) {
    #service-container .service-raw{
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    #service-container .img-col{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #service-container .service-col-even{
        margin-right: 0!important;
        margin-bottom: 50px;
    }
    #profile .col-title {
        text-align: center;
        padding-bottom: 35px;
    }
}

/*--------------------------------------------------------------
    small mobile
----------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 359px) {

}

/*--------------------------------------------------------------
    Specific devices
----------------------------------------------------------------*/
/* ----------- Galaxy Tab 2 ----------- */
/* Portrait */
@media 
(max-device-width: 800px) and (orientation: portrait) { 
    /*home area*/
    .hero {
        height: 100vh;
    }
    .hero::after{
        height: 100vh;
    }
}