/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){

.container {
	width: 1000px;
	margin: auto;
}
.logo {
	width: 22%;
}
.menu_main {
	width: 78%;
}

.section4 .packagesinfo ul {
	width: 103%;
}

.punchtext {
	float: left;
	text-align: center;
}
.punchtext h3 {
	float: none;
	margin-bottom: 40px;
}
.punchtext a {
	float: none;
}

.copyrights ul {
	width: 31%;
}

.wres {
	width: 100%;
}

}


@media only screen and (min-width: 768px) and (max-width: 999px){
.container {
	width: 747px;
	margin: auto;
}

.logo {
	width: 30%;
}
.menu_main {
	width: 65%;
}

.section4 .packagesinfo ul {
	width: 103%;
}

.section5 .one_third a {
	float: left;
	margin-top: 10px;
}

.punchtext {
	float: left;
	text-align: center;
}
.punchtext h3 {
	float: none;
	margin-bottom: 40px;
}
.punchtext a {
	float: none;
}

.copyrights ul {
	width: 43%;
}

.wres {
	width: 100%;
}

}




@media only screen and (min-width: 480px) and (max-width: 767px){
	
.container {
	width: 460px;
	margin: auto;
}

.content_left {
	float: left;
	width: 100%;
	padding: 59px 0px 0px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 59px 0px 0px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 59px 0px 0px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 59px 0px 0px 0px;
}

.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}

.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.logo {
	width: 80%;
}
.logo img {
	margin-left: 20px;
}
.menu_main {
	float: none;
	width: 90%;
	margin: 0 auto;
}

.section1 .one_fourth {
	margin-bottom: 50px;
	padding-right: 0%;
	padding-left: 0%;
	background: none;
}

.section4 .packagesinfo {
	margin-top: 50px;
}
.section4 .packagesinfo ul {
	width: 80%;
	float: none;
	margin: 0 auto;
}

.punchtext {
	float: left;
	text-align: center;
}
.punchtext h3 {
	float: none;
	margin-bottom: 40px;
}
.punchtext a {
	float: none;
}

.copyrights ul {
	width: 68%;
}

.cforms {
	width: 99%;
}

.wres {
	width: 100%;
}

.cbp-l-grid-projects.two .cbp-item {
	width: 100% !important;
}

}





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

.container {
	width: 300px;
	margin: auto;
}

.content_left {
	float: left;
	width: 100%;
	padding: 59px 0px 0px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 59px 0px 0px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 59px 0px 0px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 59px 0px 0px 0px;
}

.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.logo {
	width: 76%;
}
.logo img {
	margin-left: 10px;
}

.menu_main {
	float: none;
	width: 90%;
	margin: 0 auto;
}

.section1 .one_fourth {
	margin-bottom: 50px;
	padding-right: 0%;
	padding-left: 0%;
	background: none;
}

.section4 .packagesinfo {
	margin-top: 50px;
}
.section4 .packagesinfo ul {
	width: 80%;
	float: none;
	margin: 0 auto;
}

.punchtext {
	float: left;
	text-align: center;
}
.punchtext h3 {
	float: none;
	margin-bottom: 40px;
}
.punchtext a {
	float: none;
}

.copyrights ul {
	width: 94%;
}
.copyrights li {
	margin: 0px 4px;
}

.cforms {
	width: 98%;
}

.wres {
	width: 100%;
}

#grid-container2 {
	height: calc(300px * 4) !important;
	height: calc(300px * var(--countLiCards)) !important;
}
.cbp-l-grid-projects.two .cbp-item {
	max-width: 100%;
}
.cbp-l-grid-projects.two .cbp-caption {
	height: 45% !important;
}
.cbp-l-grid-projects.two .cbp-item:nth-child(2) {
	transform: translate3d(0px, 300px, 0px) !important;
}
.cbp-l-grid-projects.two .cbp-item:nth-child(3) {
	transform: translate3d(0px, 600px, 0px) !important;
}
.cbp-l-grid-projects.two .cbp-item:nth-child(4) {
	transform: translate3d(0px, 900px, 0px) !important;
}

}


@media only screen and (min-width: 767px){
	header .logo,
	header .menu_main,
	.menu_main .nav-collapse {
		float: none;
		width: 100%;
	}

	header .logo {
		text-align: center;
	}

	header .logo img { 
		float: none;
		margin: 20px 0;
	}

	header .menu_main {
		padding: 0;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 15px;
	}

	.menu_main .nav-collapse {
		display: flex !important;
		justify-content: center;
	}

	.menu_main .nav-collapse ul {
		width: auto;
	}

	.menu_main .nav-collapse ul li {
		padding: 0 45px 0 0;
	}

	.menu_main .nav-collapse ul a {
		padding: 0;
		height: 43px;
		line-height: 1;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		-webkit-font-smoothing: subpixel-antialiased;
		transition-property: color,background-color,border-color;
    	transition-duration: .2s;
		transition-timing-function: linear;
		border-top: 3px solid transparent;
	}

	.nav-collapse a:active,
	.nav-collapse .active a,
	.nav-collapse li:hover a {
		border-top-color: #C60 !important;
		color: #C60;
		box-sizing: border-box;
	}
}