/* ############## RESIZE MAIN MENU FONT ##############*/

@media only screen and (max-width:1343px)  {



    .main-menu .navbar-item{
      
        font-size: 14px;
    }

    .main-menu .navbar-item.split::after{
        content: "";
        margin-left: 0px;
    }


}




/* ############## FIX HOME CONTACT US PADDING ##############*/

@media only screen and (max-width:1343px)  {

    .contactus-block .header-form{
        margin-left: 50px;
    }

}



@media only screen and (max-width:768px) {
    .contactus-block .header-form{
        margin-left: 20%;
    }
}


@media only screen and (max-width:425px){
    .contactus-block .header-form{
        margin-left: 20px;
    }
}



/* ############## ADD PADDING TO INQUIRY FORM ##############*/


@media only screen and (max-width:1024px){
    .inquiry-form-page{
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* ############## RESIZE MAIN PIC ##############*/
@media only screen and (max-width:860px){
    .main-pic.getstarted, .main-pic.ourmission, .main-pic.store, .main-pic.contactus, .main-pic.ourstory, .main-pic.ourvision{
        height: 140px;
    }
}


/* ############## RESIZE OUR ARTICLE IMAGE ##############*/


@media only screen and (max-width:860px){
    .ourstory-article-image{
        height: 420px;
    }
}





/* ############## GET STARTED RESIZE NOTE LABEL ##############*/

@media only screen and (max-width:500px){
    .remark-note-form{
        font-size: 10px;
    }
}


/* ############## VISION ITEM ##############*/
.vision-item .item-1 .vision-item-image{ height: 450px; }
.vision-item .item-1 .vision-item-header{ color: #76df7b; padding-top: 40px; padding-bottom: 40px; }


.vision-item .item-2 .vision-item-image{ height: 450px; }
.vision-item .item-2 .vision-item-header{ color: #ff6284; padding-top: 40px; padding-bottom: 40px; }

.vision-item .item-3 .vision-item-image{ height: 510px; }
.vision-item .item-3 .vision-item-header{ color: #23b3bf; padding-top: 10px; padding-bottom: 10px; }
.vision-item .item-3 .vision-item-detail{ font-size: 23px; }


.vision-item .item-4 .vision-item-image{ height: 450px; }
.vision-item .item-4 .vision-item-header{ color: #f5c55e; padding-top: 10px; padding-bottom: 10px; }
.vision-item .item-4 .vision-item-detail{ font-size: 23px; }

.vision-item .item-5 .vision-item-image{ height: 450px; }
.vision-item .item-5 .vision-item-header{ color: #60eace; padding-top: 40px; padding-bottom: 20px; }
.vision-item .item-5 .vision-item-detail{ font-size: 23px; }


@media only screen and (max-width:1343px){


    .vision-item .item-1 .vision-item-image{ height: 450px; }
    .vision-item .item-1 .vision-item-header{ color: #76df7b; padding-top: 40px; padding-bottom: 40px; font-size: 24px; }
    .vision-item .item-1 .vision-item-detail{ font-size: 19px; }


    .vision-item .item-2 .vision-item-image{ height: 450px; }
    .vision-item .item-2 .vision-item-header{ color: #ff6284; padding-top: 40px; padding-bottom: 40px; font-size: 24px; }
    .vision-item .item-2 .vision-item-detail{ font-size: 19px; }

    .vision-item .item-3 .vision-item-image{ height: 510px; }
    .vision-item .item-3 .vision-item-header{ color: #23b3bf; padding-top: 10px; padding-bottom: 10px; font-size: 24px; }
    .vision-item .item-3 .vision-item-detail{ font-size: 19px; }


    .vision-item .item-4 .vision-item-image{ height: 450px; }
    .vision-item .item-4 .vision-item-header{ color: #f5c55e; padding-top: 10px; padding-bottom: 10px; font-size: 24px; }
    .vision-item .item-4 .vision-item-detail{ font-size: 19px; }

    .vision-item .item-5 .vision-item-image{ height: 450px; }
    .vision-item .item-5 .vision-item-header{ color: #60eace; padding-top: 40px; padding-bottom: 20px; font-size: 24px; }
    .vision-item .item-5 .vision-item-detail{ font-size: 19px; }

}


@media only screen and (max-width:860px){
    .vision-item .item-1 .vision-item-image{ height: 450px; }
    .vision-item .item-1 .vision-item-header{ color: #76df7b; padding-top: 10px; padding-bottom: 10px; font-size: 25px; }
    .vision-item .item-1 .vision-item-detail{ font-size: 18px; }


    .vision-item .item-2 .vision-item-image{ height: 450px; }
    .vision-item .item-2 .vision-item-header{ color: #ff6284; padding-top: 10px; padding-bottom: 10px; font-size: 25px; }
    .vision-item .item-2 .vision-item-detail{ font-size: 18px; }

    .vision-item .item-3 .vision-item-image{ height: 510px; }
    .vision-item .item-3 .vision-item-header{ color: #23b3bf; padding-top: 10px; padding-bottom: 10px; font-size: 25px; }
    .vision-item .item-3 .vision-item-detail{ font-size: 18px; }


    .vision-item .item-4 .vision-item-image{ height: 450px; }
    .vision-item .item-4 .vision-item-header{ color: #f5c55e; padding-top: 10px; padding-bottom: 10px; font-size: 25px; }
    .vision-item .item-4 .vision-item-detail{ font-size: 18px; }

    .vision-item .item-5 .vision-item-image{ height: 450px; }
    .vision-item .item-5 .vision-item-header{ color: #60eace; padding-top: 10px; padding-bottom: 10px; font-size: 25px; }
    .vision-item .item-5 .vision-item-detail{ font-size: 18px; }
}



/* ############## HOME SLIDE ##############*/

@media only screen and (max-width:860px){

    .home-slider{
        height: 350px;
    }
    

    .home-slider .home-slider-item{
        height: 350px;
    }


    .home-slider-item .meta{
        padding-top: 80px;
        font-family: "Avenir";
        font-size: 16px;
		padding-left:30px;
    }

    .home-slider-item .meta h1{
        font-family: "Jenthill";
        font-size: 25px;
        font-weight: bold;
        color: #eb6469;
    }

    .home-slider-item .meta .slide-label{
        padding: 5px 0px 15px 0px;
        line-height: 25px;
        
    }

}