/* Mobile */
@media (max-width: 767px) {
    .logo {
        display: none;
    }

    .mobile-header {
		display: block;
        box-shadow: 0px 10px 14px #0707072E;
    }

    .navbar-toggle i {
        font-size: 35px;
    }

    .navbar-toggle {
		float: right;
		padding: 0;
		margin-top: 20px;
		margin-right: 10px;
		margin-bottom: 0;
		border-radius: 0;
		margin-left: 15px;
	}

    .navbar {
		min-height: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

	.affix {
		width: 100%!important;
		top: 74px!important;
	}
	
	.sidebar {
		width: 100%!important;
		min-height: 360px;
		height: auto;
		top: 100%;
		box-shadow: 0px 10px 14px #0707072E;
	}
	
	.sidemenu-col {
		padding-right: 0;
        height:auto!important;
	}

	.sidebar ul>li {
		margin-bottom: 20px;
	}
	
	.side-slide-open {
		display: none;
		position:static;
		top: -12px;
		vertical-align:middle;
		min-width:200px;
		max-width:90%;
		width: 100%;
		padding: 10px 0!important;
		left:0;
		margin-left: 0;
		transition: all 1s ease;
		transform: translateX(-0);
		-webkit-transform: translateX(-0);
		box-shadow: none!important;
		border-top: 1px solid #8B2A1E;
	}
	
	.side-slide-open>li {
		padding: 0 0 0 10px!important;
		margin-top: 0px!important;
		margin-bottom: 0!important;
		line-height: 30px;
		vertical-align: middle;
	}

	.sidebar-social img {
		width: 35px;
    	max-width: 35px;
		margin-bottom: 20px;
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 0;
	}

	.mobi-logo img {
		min-width: 160px;
		max-width: 160px;
		width: auto;
	}

	.mobi-logo {
		text-align: left;
	}

	.dotted-border-top {
		display: none;
	}

	/* Home page */
	.ms-caption {
		position: absolute;
		top: 7vh;
		height: 80vh;
		left: 5vh;
	}

	.home-header {
		min-height: 88vh;
		padding-top: 0;
		padding-bottom: 3vh;
		padding-left: 0;
		position: relative;
	}

	.home-header h1 {
		font-size: 30px;
	}

	.home-header h2 {
		font-size: 50px;
	}

	.parallax-img-top, .parallax-img-bottom {
		height: 60px;
	}

	.home-gallery img {
		width: 100%!important;
	}

	/* .home-gallery img {
		min-width: 112px;
    	max-width: 113px;
		width: auto;
	} */
	
	.home-intro h2, .home-services h2 {
		font-size: 45px;
		line-height: 70px;
	}

	.vertical-dots {
		min-height: 44%;
		max-height: 50%;
		height: auto;
		top: 17%;
		left: 10%;
	}

	.home-header .header-links {
		position: absolute;
		bottom: 50px;
		padding-left: 25px;
	}

	.home-intro {
		padding: 20px 3vh 3vh 3vh;
	}

	.home-intro p {
		padding-left: 0;
	}

	.home-services .col-md-6, .home-blog .col-md-6 {
		padding: 0;
	}

	.home-services, .home-blog {
		padding: 5vh 2vh 3vh 2vh;
		min-height: 50vh;
	}

	.home-blog h2 {
		font-size: 45px;
		line-height: 50px;
		margin-bottom: 20px;
	}

	.home-services .panel-group {
		margin-bottom: 20px;
		margin-left: 0;
	}

	.home-services .panel h4>a {
		font-size: 25px;
	}

	.home-services .panel-body p {
		font-size: 15px;
		line-height: 20px;
	}

	.panel-title {
		font-size: 16px;
		border-bottom: 2px solid #DCDCDC;
		padding-bottom: 10px;
		padding-top: 5px;
	}

	.home-services .panel h4>a {
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 600;
	}

	.blog-block {
		padding: 10px 10px 0 10px;
		margin-bottom: 20px;
	}

	.blog-block p {
		line-height: 30px;
	}

	.blog-block i {
		font-size: 16px;
	}

	.other-headers {
		height: 100%;
		padding-top: 20vh;
		padding-left: 3vh;
		padding-bottom: 3vh;
	}

	.other-headers h1 {
		font-size: 45px;
	}

	.intro {
		padding: 3vh 2vh 0px 2vh;
	}

	.intro-txt {
		padding-right: 0;
	}

	.intro h2 {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.intro h2>br {
		display: none;
	}

	.intro .col-md-4 p {
		font-size: 15px;
		line-height: 20px;
		font-weight: 600;
	}

	.intro .col-md-4, .intro .col-xs-4 {
		padding: 0;
		margin-bottom: 10px;
		text-align: center;
	}

	.intro .contact-btn {
		width: 90%;
		margin-top: 5vh;
	}

	.contact-btn a {
		font-size: 16px;
	}

	.space {
		height: 20px;
	}

	.home-blog.blog-page {
		padding: 3vh 3vh 0 3vh;
		min-height: 100%!important;
		max-height: 100%!important;
		height: auto;
	}

	.home-blog.blog-page .blog-block {
		margin-bottom: 3vh;
	}

	.intro.blog-post {
		padding: 3vh 2vh 0 2vh;
		min-height: 100%!important;
		max-height: 100%!important;
		height: auto;
	}

	.intro.blog-post img {
		width: 100%;
		margin: 10px auto;
	}

	.intro.blog-post .contact-btn {
		margin-bottom: 6vh;
	}

	.intro.blog-post h1 {
		margin-bottom: 20px;
		font-size: 30px;
	}

	iframe {
		width: 100%;
	}

	.intro.contact-page {
		padding-right: 3vh;
		min-height: auto;
		padding-bottom: 3vh;
	}

	.contact-form button {
		width: 90%;
		height: 60px;
	}

	.grey-block {
		padding: 20px 30px;
		margin-top: 20px;
	}
	
	input, textarea {
		padding: 10px;
	}
	/* Footer */
	footer {
		padding: 3vh 0 3vh 1vh;
		min-height: 380px;
	}

	footer h2 {
		font-size: 45px;
		line-height: 70px;
	}

	footer .footer-txt, footer .footer-txt>a {
		font-size: 15px;
		height: 40px;
	}

	footer .footer-txt>br, footer .footer-txt>a>br {
		display: none;
	}

	footer img {
		width: 250px;
		max-width: 250px;
		position: absolute;
		top: 0;
		left: 0px;
	}

	.footer-bottom {
		padding-top: 2vh;
		padding-bottom: 2vh;
		padding-left: 6vh;
		padding-right: 6vh;
	}
}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px) {
	.mobile-header, .navbar-toggle, .mobi-btn {
		display: block;
	}

	.mobile-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
    	background-color: #fff;
		box-shadow: 0px 10px 14px #0707072E;
	}

	.navbar-toggle {
		float: left;
		padding: 0;
		margin-top: 25px;
		margin-right: 0;
		margin-bottom: 0;
		border-radius: 0;
	}
	
	.navbar-collapse.collapse {
    	display: none!important;
	}
	
	.navbar-collapse.collapse.in {
    	display: block!important;
	}
	
	.navbar {
		min-height: 0;
	}

	.navbar-header {
		float: right;
	}
	
	.mobi-btn i {
		font-size: 30px;
		color: #2A2A2A;
		padding: 0 10px;
	}
	
	.mobile-header .col-xs-6 {
		padding: 0;
	}
	
	.mobi-logo {
		text-align: left;
	}
	
	.mobi-logo img {
		min-width: 170px;
    	max-width: 170px;
		width: auto;
	}

	.logo img {
		width: 90%;
		margin-top: 5px;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		position: absolute;
		width: 35%!important;
    	text-align: center;
	}
	
	.sidebar {
		width: 260px;
		margin-top: -15px;
	}
	
	.sidemenu-col {
		padding-right: 0;
		height: 0;
	}
	
	.side-slide-open {
		display: none;
		top: -18px;
		min-width:200px;
		max-width:200px;
		width: 100%;
		border-left: 2px solid #8B2A1E;
	}

	.side-slide:hover .side-slide-open {
		left: 94%;
		z-index: 99999;
		display: block;
		top: 0;
	}
	
	.side-slide-open>li {
		padding: 0 0 0 10px;
	}

	.sidebar-social {
		left: 30%;
	}

	.sidebar-social img {
		width: 40px;
		max-width: 40px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.affix {
		top: auto;
		left: 0;
		bottom: 0;
	}

	.dotted-border-top {
		min-width: 40%;
		max-width: 45%;
		width: auto;
		top: 90px;
		right: 0;
		padding-right: 0;
	}

	/* Home page */
	.ms-caption {
		position: absolute;
		top: 6vh;
		height: 70vh;
		left: 10vh;
	}

	.home-header {
		padding-top: 5vh;
		padding-bottom: 0;
		padding-left: 0;
		min-height: 100vh;
		max-height: 100vh;
		height: auto;
	}

	.home-header .header-links {
		position: absolute;
		bottom: -47px;
		padding-left: 8%;
	}

	.vertical-dots {
		min-height: 61%;
		max-height: 60%;
		height: auto;
		top: 23%;
		left: 9%;
	}

	.home-intro h2, .home-services h2, .home-blog h2 {
		font-size: 50px;
		line-height: 100px;
		vertical-align: top;
	}

	.home-intro {
		padding: 40px 6vh 3vh 3vh;
		min-height: 60vh;
	}

	.home-services {
		padding: 3vh 2vh 3vh 2vh;
		min-height: 60vh;
	}

	.home-intro .dotted-border-top {
		min-width: 50%;
		max-width: 60%;
		width: auto;
	}

	.home-intro p {
		padding-left: 20px;
	}

	.home-services .panel-group {
		margin-bottom: 20px;
		margin-left: 0px;
	}

	.home-services .dotted-border-top {
		min-width: 55%;
		max-width: 60%;
		top: 76px;
	}

	.home-gallery img {
		/* min-width: 240px;
    	max-width: 253px; */
		width: calc(33.3% - 2.6px);
	}

	.home-blog {
		padding: 2vh;
		min-height: 60vh;
	}

	.blog-block p {
		font-size: 18px;
		line-height: 50px;
	}

	.blog-block i {
		padding-top: 13px;
		font-size: 23px;
	}

	.home-blog .dotted-border-top {
		min-width: 46%;
		max-width: 50%;
		width: auto;
		top: 66px;
		right: 0;
		padding-right: 40px;
		padding-top: 12px;
	}

	.home-blog.blog-page {
		padding: 3vh 1vh 0 1vh;
		min-height: 67vh!important;
		max-height: 80vh!important;
		height: auto;
	}

	.home-blog.blog-page .blog-block {
		margin-bottom: 30px;
	}

	.intro.blog-post {
		padding: 3vh;
	}

	iframe {
		width: 100%;
	}

	.other-headers {
		padding-top: 30vh;
		padding-left: 3vh;
		padding-bottom: 3vh;
	}

	.other-headers h1 {
		font-size: 50px;
	}

	.intro {
		padding: 3vh 3vh 0px 3vh;
	}

	.intro h2 {
		font-size: 35px;
		margin-bottom: 20px;
	}

	.intro .contact-btn {
		width: 70%;
		margin-top: 5vh;
	}

	.intro .col-md-4 {
		margin-bottom: 20px;
	}

	.intro .col-md-4 p {
		font-size: 20px;
	}

	.intro .col-md-4 img {
		width: 40px;
		max-width: 40px;
	}

	.space {
		height: 50px;
	}

	.intro-txt {
		padding-right: 0;
	}

	.intro.contact-page {
		padding-right: 3vh;
		padding-bottom: 3vh;
		min-height: 100vh;
	}

	.contact-form button {
		width: 70%;
	}

	.contact-form {
		margin-top: 3vh;
		margin-bottom: 3vh;
	}

	.grey-block {
		margin-top: 20px;
	}

	/* Footer */
	footer {
		padding: 3vh 0 2vh 1vh;
    	min-height: 320px;
		height: auto;
	}

	footer h2 {
		font-size: 50px;
	}

	footer .footer-txt>br, footer .footer-txt>a>br {
		display: none;
	}

	footer img {
		width: 250px;
		max-width: 260px;
		top: 80px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.sidebar img {
		width: 88%;
	}

	.sidebar {
		width: calc(100% - 52px)!important;
	}

	.sidebar ul li>a {
		font-size: 15px;
	}

	.sidebar ul>li {
		margin-bottom: 20px;
	}

	.sidebar-social {
		position: absolute;
		left: 23%;
		right: auto;
		bottom: 0;
	}

	.sidebar-social img {
		width: 40px;
		max-width: 40px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.dotted-border-top {
		min-width: 52%;
		max-width: 60%;
		top: 87px;
		right: 0;
	}

	.affix-bottom {
		top:-80px!important;
	}

	/* Home page */
	.home-header {
		padding-top: 0;
		padding-bottom: 10vh;
		padding-left: 0;
		min-height: 100vh;
		max-height: 100vh;
		height: auto;
	}

	.vertical-dots {
		min-height: 45%;
    	max-height: 50%;
		top: 26%;
		left: 10%;
	}

	.home-intro h2, .home-services h2, .home-blog h2 {
		font-size: 50px;
		line-height: 130px;
	}

	.home-intro {
		padding: 20px 10vh 5vh 6vh;
	}

	.home-intro p {
		padding-left: 30px;
	}

	.home-intro .dotted-border-top {
		min-width: 45%;
		max-width: 50%;
		width: auto;
	}

	.home-services {
		min-height: 90vh;
		height: auto;
		padding-top: 3vh;
		padding-bottom: 3vh;
		padding-left: 6vh;
	}

	.home-services .dotted-border-top {
		min-width: 50%;
		max-width: 60%;
	}

	.home-services .panel-group {
		margin-bottom: 20px;
		margin-left: 20px;
	}

	.home-services .col-md-6 {
		width: 90%;
	}

	/* .home-gallery img {
		min-width: 235px;
    	max-width: 240px;
	} */

	.home-blog {
		min-height: 65vh;
		height: auto;
		padding: 20px 6vh;
	}

	.home-blog .dotted-border-top {
		min-width: 40%;
		max-width: 45%;
		top: 83px;
		right: 0;
		padding-top: 10px;
		padding-right: 60px;
	}

	.other-headers {
		padding-top: 30vh;
		padding-left: 6vh;
		padding-bottom: 3vh;
	}

	.other-headers h1 {
		font-size: 60px;
	}

	.intro h2 {
		font-size: 35px;
		margin-bottom: 20px;
	}

	.intro {
		padding: 20px 6vh 0px 6vh;
	}

	.intro .contact-btn {
		width: 70%;
		margin-top: 6vh;
	}

	.space {
		height: 50px;
	}

	.intro .col-md-4 p {
		font-size: 17px;
	}

	.intro .col-md-4 {
		margin-bottom: 20px;
	}

	.intro .col-md-4 img {
		width: 50px;
		max-width: 50px;
	}

	.intro-txt {
		padding-right: 0;
	}

	.home-blog.blog-page {
		padding: 40px 2vh 40px 3vh;
	}

	.intro.blog-post {
		padding: 20px 6vh 20px 6vh;
	}

	iframe {
		width: 100%;
	}

	.intro.blog-post h1 {
		margin-bottom: 20px;
		font-size: 35px;
	}

	.grey-block {
		margin-top: 20px;
	}

	.contact-form {
		margin-top: 3vh;
	}

	.intro.contact-page {
		padding-right: 6vh;
		padding-bottom: 3vh;
	}

	.contact-form button {
		width: 70%;
	}

	/* Footer */
	footer {
		padding: 6vh 0 6vh 5vh;
		min-height: 320px;
		height: auto;
	}

	footer h2 {
		font-size: 50px;
		vertical-align: middle;
		line-height: 70px;
	}

	footer .footer-txt, footer .footer-txt>a {
		font-size: 18px;
	}

	footer .footer-txt>br, footer .footer-txt>a>br {
		display: none;
	}

	footer img {
		width: 240px;
		max-width: 250px;
		top: 50px;
	}
}

@media (min-width: 1300px) and (max-width: 1399px) {
	.sidebar {
		width: calc(100% - 70px)!important;
	}

	.affix-bottom{
		top: -70px!important;
	}
}

@media (min-width: 1400px) and (max-width: 1499px) {
	.sidebar {
		width: calc(100% - 67px)!important;
	}

	/* .home-gallery img {
		min-width: 413.8px!important;
    	max-width: 413.8px!important;
		width: auto;
	} */

	.home-blog {
		min-height: 80vh!important;
		padding: 20px 6vh 60px 6vh;
		max-height: 100%;
	}

	.ms-caption {
		top: 5vh!important;
		height: 88vh!important;
	}

	.vertical-dots {
		border-left: 3px dotted #fff;
		min-height: 56%!important;
    	max-height: 56%!important;
		top: 21%!important;
	}
}

@media (min-width: 1500px) and (max-width: 1600px) {
	.sidebar {
		width: calc(100% - 50px)!important;
	}

	/* .home-gallery img {
		min-width: 20%!important;
    	max-width: 33.1%!important;
		width: auto;
	} */
	
}
/* Laptop: */
@media (min-width: 1199px) and (max-width: 1600px) {
	.affix-bottom {
		top: -82px;
	}

	.affix-bottom .sidebar {
	    padding: 82px 0;
	}

    .sidebar {
		width: calc(100% - 100px);
	}

	.sidebar ul li>a {
		font-size: 16px;
	}

	.sidebar ul>li {
		margin-bottom: 20px;
	}

	.sidebar img {
		width: 95%;
		margin-bottom: 60px;
	}

	.sidebar-social {
		left: 24%;
	}

	.sidebar-social img {
		width: 45px;
		max-width: 45px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.dotted-border-top {
		min-width: 53%;
		max-width: 60%;
		top: 109px;
		padding-right: 0;
	}

	.home-header {
		padding-left: 0vh;
	}

	.ms-caption {
		position: absolute;
		top: 5vh;
		height: 90vh;
	}

	.vertical-dots {
		min-height: 56%;
		max-height: 56%;
		top: 22%;
	}

	.home-intro {
		padding: 40px 10vh 10vh 6vh;
	}

	.home-intro h2, .home-services h2, .home-blog h2 {
		font-size: 60px;
		line-height: 150px;
	}

	.home-services {
		min-height: 90vh;
		height: 100%;
		padding-top: 4vh;
		padding-bottom: 0;
		padding-left: 6vh;
	}

	.home-services .col-md-6 {
		width: 80%;
		float: left;
		margin-left: auto;
		margin-right: auto;
	}

	.home-services .panel-group {
		margin-left: 20px;
	}
/* 
	.home-gallery img {
		min-width: 20%!important;
        max-width: 33%!important;
		width: auto;
	} */

	.home-blog {
		min-height: 90vh;
		padding: 20px 6vh 60px 6vh;
		max-height: 100%;
	}

	.home-blog .dotted-border-top {
		min-width: 47%;
		max-width: 60%;
		top: 90px;
		padding-right: 80px;
	}

	.other-headers {
		padding-top: 30vh;
		padding-left: 6vh;
		padding-bottom: 3vh;
	}

	.other-headers h1 {
		font-size: 70px;
	}

	.intro {
		padding: 20px 6vh 0px 6vh;
	}

	.intro .contact-btn {
		width: 70%;
		margin-top: 5vh;
	}	

	.space {
		height: 50px;
	}

	.intro .col-md-4 p {
		font-size: 20px;
	}

	.intro .col-md-4 {
		margin-bottom: 20px;
	}

	.intro-txt {
		padding-right: 6vh;
	}

	.home-blog.blog-page {
		padding: 4vh 2vh 0 3vh;
	}

	.blog-block i {
		padding-top: 12px;
	}

	.intro.blog-post {
		padding: 3vh 6vh 3vh 6vh;
	}

	iframe {
		width: 100%;
	}

	.intro.contact-page {
		padding-right: 6vh;
	}

	.contact-form button {
		width: 70%;
	}

	/* Footer */
	footer {
		padding: 6vh 0 34vh 6vh;
	}

	footer h2 {
		font-size: 60px;
	}

	footer img {
		width: 280px;
		max-width: 300px;
		top: 70px;
	}

	footer .footer-txt, footer .footer-txt>a {
		height: 70px;
	}

	footer .footer-txt>br, footer .footer-txt>a>br {
		display: none;
	}

	footer .contact-btn {
		width: 100%;
	}
}