/* Responsive */

@media only screen and (max-width: 600px) {
	.news-con .view-content {
	    grid-template-columns: auto;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1000px) {
	.news-con .view-content {
	    grid-template-columns: auto;
	}
}


@media only screen and (max-width:1880px) and (min-width:990px){

	header#navbar:before {
	    background-position-x: left;
	}

}

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

	header#navbar:before {
	    width: 60%;
	}
}

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

	.hero-slider .caption-container > div {
	    left: 0%;
	    width: 100%;
	}
}

@media only screen and (max-width: 991px) and (min-width: 925px){

	.container {
	    max-width: 970px;
	    width: 100%;
	}

	.top-bar.container {
	    padding-left: 15px;
	    padding-right: 15px;
	}


	header#navbar:before {
	    width: 100%;
	}

	.phone-info a {
	    color: #ffffff;
	}

	.hero-slider .caption-container > div {
	    background: transparent;
	    padding: 1px 25px 10px 30px;
	    margin: 0 auto;
	    float: none;
	    max-width: 702px;
	    position: relative;
	    left: 0%;
	    width: 100%;
	}

	header#navbar:before {
	    width: 70%;
	}
} 


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

	.navbar-toggle {
	    display: block;
	}

	.navbar-nav > li {
	    float: none;
	    display: block;
	    margin-left: 15px !important;
	}

	/* Sidebar menu */

	div#navbar-collapse {
	    position: fixed;
	    left: -306px;
	    background: #ffffff;
	    padding: 15px 20px;
	    height: 102vh !important;
	    top: 0px;
	    width: 300px;
	    padding-top: 0px;
	    margin-left: 0px;
	    border: 0px;
	    transition: left 0.5s;
	}

	.navbar-nav > li {
	    float: none;
	    display: block;
	    margin-left: 15px !important;
	    overflow: auto;
	    height: auto;
	}

	header .menu .navbar-text.dropdown-toggle {
	    float: none;
	}

	header .menu li.expanded.dropdown.open > ul {
	    position: relative;
	    float: none;
	}

	.navbar-nav > li {
	    float: none;
	    display: block;
	    margin-left: 0px !important;
	    padding-left: 15px;
	    margin-right: 0px;
	}

	header .menu li.expanded.dropdown> ul {
	    border: 0px;
	    box-shadow: none;
	}

	.dropdown-menu > li > a {
	    color: #23438e !important;
	    font-family: Montserrat,sans-serif;
	    font-weight: 600;
	    font-size: 14px;
	    padding: 9px 0 8px;
	    text-transform: uppercase;
	    margin: 0px;
	    position: relative;
	    cursor: pointer;
	    float: none;
	}

	header .menu li.expanded.dropdown.open > ul {
	    position: relative;
	    float: none;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    display: block !important;
	}

	.navbar-nav > li {
	    float: none;
	    display: block;
	    margin-left: 0px !important;
	    overflow: auto;
	    height: auto;
	    padding-left: 0px;
	    margin-right: 0px;
	    border-bottom: 0.5px solid #eee;
	}

	.navbar-nav {
	    float: none;
	    margin: 0;
	    width: 100%;
	}

	.dropdown li {
	    border-bottom: 0.5px solid #eee;
	}
	.dropdown li.first {
	    border-bottom: 0.5px solid #eee;
	    border-top: 0.5px solid #eee;
	}

	.dropdown li.last {
	    border-bottom: 0px solid #eee;
	}


	div#navbar-collapse.in {
	    left: 0px;
	    transition: left 0.5s;
	}

	.navbar-collapse .close-menu::before {
	    content: "\f00d";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    display: block;
	    text-align: right;
	    position: absolute;
	    right: 0px;
	    border-radius: 50%;
	    border: 1px solid #eee;
	    padding: 4px 11px 3px 12px;
	    background: #ffffff;
	    color: #23438e;
	    top: 0px;
	    margin: 15px 15px;
	}

	header .menu li.expanded.dropdown> ul {
	    display: none !important;
	}

	.close-menu {
	    box-sizing: border-box;
	    display: block;
	    height: 70px;
	    position: relative;
	    margin-left: -20px;
   		margin-right: -20px;
	    background: #23438e;
	}

	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #000000;
	}

	.navbar-default .navbar-toggle {
	    border-color: #000000;
	}

	.navbar-header {
	    float: right;
	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background-color: #23438e !important;
		
	}
	.navbar-default .navbar-toggle:hover span, .navbar-default .navbar-toggle:focus span {
		background-color:#ffffff;
	}
	.hero-slider .caption-container > div {
	    left: 4%;
	    max-width: 460px;
	    float: left;
	}

	.region.region-footer-menu h2 {
	    padding-left: 0px !important;
	}
	.region.region-footer-menu {
	    padding: 15px 15px;
	}

	.region.region-footer-menu {
	    padding: 15px 0px;
	}

	.region.region-footer-social {
	    padding: 15px 0px 15px 0px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 990px){

	header#navbar:before {
	    background-position-x: left;
	}

	.features-services > div:first-child > div {
	    height: 313px;
	}
	.features-services > div:nth-child(2) > div {
	    max-height: 313px;
	}
}

@media only screen and (max-width: 767px) {
  header#navbar:before{
        display:none;
    }

    .phone-info {
        color: #23438e;
        float: right;
    }

    .phone-info a {
	    color: #23438e;
	}

    .number-phone {
	    font-size: 15px;
	}

	.top-bar.container {
	    padding: 15px 0 0px 0px;
	}

	ul.menu.menu--main.nav.navbar-nav {
	    margin-top: 0px;
	}

	navbar-default .navbar-nav > li > a {
	    padding: 0px 0 0px;
	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle {
	    background-color: #23438e !important;
	}

	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #ffffff;
	}

	/*.menu.menu--main li.expanded.dropdown {
	    padding: 13.5px 15px 14.5px 15px !important;
	}*/

	.row.features-services > div {
	    margin: 15px 0px;
	}

	footer .menu li > a, footer .menu li > span {
	    font-weight: 600;
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.region.region-footer-social {
	    padding: 15px 15px 15px 15px;
	}

	.navbar-collapse .dropdown-menu a {
	    padding-left: 0px !important;
	}

	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
	    padding: 9px 15px 8px 25px;
	}

	#mainbanner button.slick-arrow {
	    display: none !important;
	}

	section#block-contactus {
	    padding-right: 15px;
	}

	.hero-slider .caption-container > div {
	    left: 0%;
	    max-width: 460px;
	    float: left;
	}

	.cp-container {
	    text-align: center;
	}

}