﻿.upper-menue a {
    color:white;
}
.upper-menue-item a:hover {
    color:white;
    text-decoration:none;
        padding-bottom: 5px;
    border-bottom: 2px solid white;
}
.news a {
		color:white;
		}
		.news a:hover{
		text-decoration:none;
			color:white;
		}
        .news .col-md-3 {
        margin:3px;
            border-radius:4px;
            width:24.39%;
        }
        .news-box {
        padding:10px;
        margin-bottom:10px;
    
        }
            .news-box p {
                height: 180px;
    text-align: center;
				color:white;
            }
            .news-box h4 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
				color:white;
            }
#thehub .container {
padding-top:50px;
}
.hub-section {
height:575px;
}
.dispaly {

    display:block;
}
.display-none {

    display:none;
}
.upper-menue {
background-color:#33b6e9;

border-bottom:2px solid #33b6e9;
}
.upper-menue .icon {

    width:50px;
}
.phone-number {

    color:white;
    font-size:18px;
    font-weight:bold;
}
.upper-menue-start {

    float:right;
    padding:15px;
}
.upper-menue-item {

    margin-left:80px;
    color:white;
    font-weight:bold;
    font-size:15px;
    cursor:pointer;
}
.upper-menue-item.active {
    padding-bottom:5px;
    border-bottom:2px solid white;
}
@media screen and (max-width: 767px) {
    .hub-section{

        height:auto !important;
    }
	.news .col-md-3{
		
		width:100%;
	}
    #thehub .container {
    padding-top:0px !important;
    }

    .upper-menue-item {

         margin-left:6px;
         font-size:12px;
    }
    #thehub h2 {
    margin-top: 0px !important;
}
    #thehub .icon {
    width: 60px !important;
    margin: auto !important;
}
    #thehub .question h3 {
    text-align:center;
    }
    .questions p {
    width: 100% !important;
    
}
    .icon-div {
    float: none !important;
    clear: both !important
    /* margin-right: 5px; */
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .upper-menue-item {
        margin-left: 65px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.news .col-md-3 {
    margin: 3px;
    display: inline-block;
    border-radius: 4px;
    width: 32.1%;
}
.news-box h4{
	font-size:14px;
}
.news-box p{
	
	font-size:12px;
}
}