/* 
    Created on : 2019-03-09, 23:03:03
    Author     : Silverwolf
*/

/*Start Nav bar responsives*/
@media all and (max-width: 820px) {
    #centered_nav {
    position: fixed;
    top: 0px;
    width: 100%;
}
    .rc_nav a {display: none;}
    .rc_nav a.icon {
        float: right;
        display: block;
        width: 60px;
    }
    .rc_nav.responsive {position: relative; top: 73px;}
    .rc_nav.responsive .icon {
        position: fixed;
        right: 0;
        top: 0;
    }
    .rc_nav.responsive a {
        float: none;
        display: block;
        text-align: center;
    }
}
/*End Nav bar responsives*/

/*Start web site responsive*/
@media all and (max-width: 1681px) {
    /*    ====================================== Start Carousel ======================================================*/
    .carousel-control {
        font-size: 350px !important;
    }
    /*    ====================================== End Carousel ======================================================*/
}
@media all and (max-width: 1441px) {
    /*    ====================================== Start Carousel ======================================================*/
    .carousel-control {
        font-size: 300px !important;
    }
    /*    ====================================== End Carousel ======================================================*/
}
@media all and (max-width: 1366px) {


}
@media all and (max-width: 1025px) {
    /*    ====================================== Start Carousel ======================================================*/
    .carousel-control {
        font-size: 200px !important;
    }
    /*    ====================================== End Carousel ======================================================*/

    /*    ====================================== Start About ======================================================*/
    .img_center-box {
        margin-top: 25px;
    }
    /*    ====================================== End About ======================================================*/
}
@media all and (max-width: 801px) {
    /*    ====================================== Start Carousel ======================================================*/
    .carousel-control {
        font-size: 180px !important;
    }
    /*    ====================================== End Carousel ======================================================*/

    /*    ====================================== Start About ======================================================*/
    .img_center-box {
        margin-top: 0px;
    }
    /*    ====================================== End About ======================================================*/
}
@media all and (max-width: 769px) {
    /*    ====================================== Start Carousel ======================================================*/
    .carousel-control {
        font-size: 160px !important;
    }
    /*    ====================================== End Carousel ======================================================*/
}
@media all and (max-width: 601px) {
    /*    ====================================== Start Carousel ======================================================*/
    .carousel-control {
        font-size: 140px !important;
    }    
    /*    ====================================== End Carousel ======================================================*/

    /*    ====================================== Start About ======================================================*/
    .h3-title-welcome {
        margin-left: -20px;
    }
    /*    ====================================== End About ======================================================*/
}
@media all and (max-width: 415px) {
    /*    ====================================== Start Carousel ======================================================*/
    .carousel-control {
        font-size: 90px !important;
    }
    .h1-img-tile {
        font-size: 22px;
        width: 280px; 
        margin-bottom : -15px !important;        
    }
    .carousel-indicators {
        margin-bottom : -10px !important;
    }
    /*    ====================================== End Carousel ======================================================*/

    /*    ====================================== Start About ======================================================*/
    .h3-title-welcome {  
        margin-left: -10px;
        font-size: 19px;
    }
    .container-about p {
        font-size: 16px;
    }
    /*    ====================================== End About ======================================================*/
}
@media all and (max-width: 385px) {

}
@media all and (max-width: 376px) {
    /*    ====================================== Start Carousel ======================================================*/
    .carousel-control {
        font-size: 85px !important;
    }
    .h1-img-tile {
        width: 260px;
    }
    /*    ====================================== End Carousel ======================================================*/
}
@media all and (max-width: 361px) {
    /*    ====================================== Start Carousel ======================================================*/
    .h1-img-tile {
        width: 240px;
    }
    /*    ====================================== End Carousel ======================================================*/

}
@media all and (max-width: 321px) {    
    /*    ====================================== Start Header ======================================================*/
    .li-head {
        font-size: 20px;
    }    
    /*    ====================================== End Header ======================================================*/

    /*    ====================================== Start Carousel ======================================================*/
    .h1-img-tile {
        width: 220px;
    }
    /*    ====================================== End Carousel ======================================================*/
    
    /*    ====================================== Start About ======================================================*/
    .h3-title-welcome {  
        margin-left: -10px;
        font-size: 17px;
    }
    .container-about p {
        font-size: 15px;
    }
    /*    ====================================== End About ======================================================*/
}

/*End web site responsive*/