.resthours
{
    margin-left: 1%;
    color: White;
    font-weight: 500 !important;
    text-align: center;
}

.hero-btn
{
    border: solid 1px white;
    background-color: rgba(99, 198, 174, 0.53);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
    padding: 15px 25px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    display: none;
}
.hero-btn:hover
{
    color: #63c6ae;
    text-decoration: none;
    border: solid 1px rgba(255,255,255,0.6);
    background-color: rgba(0,0,0,0.2);
}

@media screen and (min-width:513px),(min-width:1200px),(min-width:1280px)
{
    .col-md-55
    {
        width: 55%;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-md-shift-left-25
    {
        margin-left: 25%;
    }
}

@media screen and (max-width:512px)
{
    .col-sd-55
    {
        width: 90%;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-sd-shift-left-25
    {
        margin-left: 8%;
    }
}

@media (min-width: 1200px)
{
    .container
    {
        width: 1180px !important;
    }
}

@media ((min-width: 992px))
{
    .container
    {
        width: 970px !important;
    }
}

@media ((min-width: 768px))
{
    .container
    {
        width: 750px !important;
    }
}

/* Start Banner Slider */

.slide
{
    width: 100%;
    min-height: 900px;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1;
}

.slide li
{
    position: absolute;
    top: -187px;
    left: 0;
    background: #fff;
    width: 100%;
}
.slide li.active
{
    z-index: 2;
}
/*27/02/17*/
@media screen and (min-width: 506px)
{
    .slide img
    {
        height: auto;
        left: 0;
        min-height: 900px;
        min-width: 100%;
    }
}

@media screen and (max-width: 505px) and (min-width: 320px)
{
    .slide img
    {
        height: auto;
        left: 0;
        min-height:572px;
        min-width: 100%;
    }
}

.landingpage .slide img
{
    position: fixed;
    top: 10;
    min-height: 100% !important;
}

#home-banner
{
    width: 100%;
    position: absolute;
    z-index: 1;
}

/*27/07/2017*/
@media screen and (min-width: 506px)
{
    .banner-holder
    {
        position: relative;
        width: 100%;
        height: 710px;
        overflow: hidden;
    }
}

@media screen and (max-width: 505px) and (min-width: 320px)
{
    .banner-holder
    {
        position: relative;
        width: 100%;
        height: 385px;
        overflow: hidden;
    }
}

#banner
{
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
#banner h2
{
    position: absolute;
    top: 210px; 
    left: 11px;
    margin: 0;
    font: 108px/108px NovecentowideLight, Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: 1px -1px 1px #34030d;
    filter: dropshadow(color=#666666, offx=1, offy=-1);
}

@media screen and (min-width: 506px)
{
    .home-content
    {
        width: 100%;
        position: absolute;
        color: White;
        /*top: 187px;*/
        top:139px;
        left: 4px;
        z-index: 6;
    }
}

/*27/02/17*/
@media screen and (max-width: 505px) and (min-width: 320px)
{
    .home-content
    {
        width: 100%;
        position: absolute;
        color: White;
        top: 91px;
        left: 4px;
        z-index: 6;
    }
}

.content-block
{
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 1%;
    height: 280px !important;
}

.home-ul-content
{
    list-style-type: none;
    padding-top: 2%;
}

.wrapper
{
    padding-bottom: 1%;
    padding-top: 1%;
}

/*27/02/17*/
@media screen and (min-width: 506px)
{
    .wrapper-last
    {
        padding-top: 3%;
    }
}

@media screen and (max-width: 505px) and (min-width: 320px)
{
    .wrapper-last
    {
        padding-top: 9%;
    }
}

.content-check
{
    color: #63c6ae;
    display: none;
}

@media screen and (max-width: 1400px) and (min-width: 906px)
{
    .wel-content
    {
        font-size: xx-large;        
    }
    
    .wel-content-2
    {        
        display: none;
    }   
    
    .content-show
    {
        color: White;
        font-size: large;
        display: none;
    }
}

@media screen and (max-width: 905px) and (min-width: 760px)
{
    .wel-content
    {
        font-size: x-large;
    }
    
    .wel-content-2
    {        
        display: none;
    } 
    
    .content-show
    {
        color: White;
        font-size: small;
        display: none;
    }
}

@media screen and (max-width: 759px) and (min-width: 506px)
{
    .wel-content
    {
        font-size: medium;
    }
    
    .wel-content-2
    {        
        display: none;
    } 
    
    .content-show
    {
        color: White;
        font-size: 12px;
        display: none;
    }
}

@media screen and (max-width: 505px) and (min-width: 320px)
{
    .wel-content
    {
        font-size: 17px;
    } 
    
    .wel-content-2
    {        
        display: none;
    }   
    
    .show-sm
    {
        display: none;
        width:100%;
    }
    
    .content-show
    {
        color: White;
        font-size: smaller;
        display: none;
    }

    .content-block
    {
        width: 91%;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 1%;
        height: 280px !important;
    }
}

.wel-line
{
    border-bottom: 2px solid #63c6ae;
    padding-top: 1%;
    width: 22%;
    display: none;
}
/* End Banner Slider */

@media screen and  (max-width:767px)
{
   .col-md-img
    {     
        position:relative;   
        width:90%;        
        padding-left:15px;
        padding-right:15px;
    }
}

@media screen and (min-width:768px),(min-width:992px),(min-width:1280px)
{
   .col-md-img
    {
        position:relative;   
        width:25%;
        float:left;
        padding-left:15px;
        padding-right:15px;
    }   
}