/* Recreate responsive menu design */
button#responsive-menu-button { display:none; }

#responsive-menu-button .responsive-menu-box .responsive-menu-inner,
#responsive-menu-button .responsive-menu-box .responsive-menu-inner:before,
#responsive-menu-button .responsive-menu-box .responsive-menu-inner:after {
	transition-property:none;
	background-color:#000;
	width:25px;
	height:3px;
	border-radius:4px;
	position:absolute;
}

#responsive-menu-button .responsive-menu-box .responsive-menu-inner:after,
#responsive-menu-button .responsive-menu-box .responsive-menu-inner:before {
	content: "";
	display:block;
}


#responsive-menu-button .responsive-menu-box .responsive-menu-inner:after {
	top:-8px;
}

#responsive-menu-button .responsive-menu-box .responsive-menu-inner:before {
	bottom:-8px;
}

#responsive-menu-button.active .responsive-menu-box .responsive-menu-inner {
	transform: rotate(45deg);
}

#responsive-menu-button.active .responsive-menu-box .responsive-menu-inner:before {
	transform: rotate(-90deg);
	bottom:0px;
}

#responsive-menu-button.active .responsive-menu-box .responsive-menu-inner:after {
	opacity:0;
	top:0;
}


@media screen and (max-width:900px) {
	header > .container > nav.top-nav {
		display:block;
		position:fixed;
		left:-75%;
		top:0;
		bottom:0;
		z-index:99998;
		width:75%;
		transition:left 0.5s;
		background:#bc2359;
		color:#fff;
		text-align:left;
		outline:1px solid transparent;
		overflow-y:auto;
		overflow-x:hidden;
	}

	header > .container > nav.top-nav ul {
		width:100%;
		padding:0;
		margin:0;
	}

	header > .container > nav.top-nav ul li {
		margin:0;
		padding:0;
		box-sizing:border-box;
		list-style:none;
		display:list-item;
		white-space:nowrap;
	}

	header > .container > nav.top-nav ul li a {
		border-top:1px solid #bc2359;
		border-bottom:1px solid #bc2359;
		color:#fff;
		font-size:13px;
		line-height:40px;
		height:40px;
		display:block;
		width:100%;
		box-sizing:border-box;
		padding:0 5%;
		margin:0;
		transition:background-color 0.5s, border-color 0.5s color 0.5s;
	}

	header > .container > nav.top-nav ul li.current-menu-item a,
	header > .container > nav.top-nav ul li a.active,
       	header > .container > nav.top-nav ul li a:hover,
       	header > .container > nav.top-nav ul li a:active {
		background-color:#f2f2f2; /* #3f3f3f; */
		color:#bc2359;
	}

	header > .container > nav.top-nav ul li.menu-item-has-children a:before {
		width:40px;
		height:39px;
		line-height:39px;
		color:#fff;
		text-align:center;
		top:0;
		right:0;
		border-left:1px solid #bc2359;
		background:#bc2359;
	}

	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li.current-menu-ancestor > a:before, 
	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li.current-page-ancestor > a:before {
		content:"\f0d7";
	} 

	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu {
		background:#bc2359;
		position:relative;
	}

	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li {
		border-top:1px solid #bc2359;
		border-bottom:1px solid #bc2359;
	}

	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li a {
		padding-left:10%;
		color:#fff;
	}

	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li ul.sub-menu {
		left:0;
	}

	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li {
		left:0;
	}

	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li a {
		padding-left:15%;
	}

	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li.current-menu-item a,
	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li a.active,
       	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li a:hover,
       	header > .container > nav.top-nav ul li.menu-item-has-children ul.sub-menu li a:active {
		background-color:#f2f2f2; 
		color:#bc2359;
	}
	
	footer .footer-top.new .footer-second, footer .footer-top.new .footer-third,footer .footer-top.new .footer-fourth, footer .footer-top.new .footer-fifth {
    width: 100%;
}
.footer-fifth br { display: none; }
footer .mid-footer .container { display: block; }
.footer-fifth img { width: 46px; }
footer .mid-footer .container ul { margin:0; }
}

@media screen and (max-width:400px) {
header > .container > nav.top-nav { width:90%;left:-90%; }
}
/* End responsive menu */

@media only screen and (max-width: 1200px) {
body { font-size: 1em; line-height: 1.7em; }    
.container { width: 1000px; }  
.top-nav ul li a { padding-right: 13px; padding-left: 13px; }
.logo { padding: 0; }
.top-nav ul li.menu-item-has-children a:before { right:0; }
.top-nav ul { padding: 10px 0 0 0; }
.img-box h3 { font-size: 1.8em !important; /*width: 87%;*/ }
.full_banner h2 { font-size: 3.6em !important; }
.one_column_text h5 { font-size: 1.3em; line-height: 1.3em; }
.full_banner { padding: 380px 0 10px 0; }
.full_banner h1 { font-size: 4em !important; }
ol li { font-size: 1.8em; }
.custom_title { font-size: 1em; line-height: 1em; }
.img-box { width: 305px; min-height: 297px;}
.two-column-text h2, .custom_title h2 { font-size: 2.0em !important;}
}

@media only screen and (max-width: 1024px) {
.container { width: 862px; }    
.logo { width: 136px; }
.top-nav ul { padding: 0; }
.top-nav ul li a, .top-header ul li { font-size: 12px; }
.img-box { min-height: 258px; width: 260px; }
footer .footer-fourth a { font-size: 20px; }
.full_banner { padding: 300px 0 10px 0; }
.full_banner h1 { font-size: 3.6em !important; }
ol li { font-size: 1.3em; }
footer .footer-third ul li { width: 40px; }
}


@media only screen and (max-width: 900px) {
.container { width: 678px; }
.top-nav { display: none; }
button#responsive-menu-button { position: absolute; background: none; top: 45px; right:6px; display:block; }
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after, button#responsive-menu-button:hover .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-inner::after, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after, .responsive-menu-open .responsive-menu-inner::before, .responsive-menu-open .responsive-menu-inner::after, .responsive-menu-open .responsive-menu-inner { background-color:#000; }
.responsive-menu-open button#responsive-menu-button, .responsive-menu-open button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button:focus, button#responsive-menu-button:hover, button#responsive-menu-button:focus { background: #fff; }
.img-box { min-height: 209px; min-width:201px; width: 199px; }
body, footer { font-size: 0.9em; line-height: 1.7em; }
footer .container { display: grid; grid-gap: 40px; grid-template-columns: repeat(auto-fill, minmax(45%,1fr));
}
footer .footer-first, footer .footer-second, footer .footer-third, footer .footer-fourth, footer .footer-fifth { width: 100%; }
footer .footer-third ul { width: auto; float: left; margin: 0; }
footer .footer-third p { float: left; }
.footer-fifth ul { margin:0; }
footer .footer-fifth { padding: 0 0 20px 0; }
.footer-third p { margin: 0 0 0 10px; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, form input[type="submit"] { font-size: 0.9em; line-height: 1.7em;}
.blog-cont h2 { font-size: 29px; line-height: 35px; }	
.blog-cont { width: 100%; padding: 0 0 30px 0; }	
.blog-sidebar { width: 100%; padding: 0 0 30px 0; }	
}

@media only screen and (max-width: 767px) {
.box_layout_highlighted_title .container { display:block; }
.container { width: 100%; padding: 0 20px; box-sizing: border-box; }
.img-box { min-height: 183px; min-width:100%; padding: 10px; margin: 0 0 2% 2%; width: 47%; }
.img-box a { padding:10px; }
header { padding: 15px 0 9px 0; }
button#responsive-menu-button { top:45px; right: 6px; display:block; }
.img-box h3 { /* bottom: 13px; */ }
.full_banner h2 { padding-right:20px; padding-left: 20px; }
.full_banner h2 br { display: none; }
.three-column-text .mid-txt, .three-column-text .left-txt { padding: 0 10px 0 0 ; }
.two-column-text img { width: 100%; margin: 0 0 10px 0; }
.form-sec .left-frm, .form-sec .right-frm { width: 100%; padding:0; }	
.blog-cont .post:nth-child(3), .blog-cont .post:nth-child(4) { width: 100%; margin: 0 0 30px 0; }
}

@media screen and (max-width:678px) {
	.image-title-sec .container { 
		display:block;
	}
	.image-title-sec .container .title-left, 
	.image-title-sec .container .img-right {
		width:100%;
	}
}

@media only screen and (max-width: 640px) {
.box_layout .container { grid-template-columns: repeat(auto-fill, minmax(47%,1fr)); } 
.img-box {  min-height: 209px; }
.three-column-text .left-txt, .three-column-text .mid-txt, .three-column-text .right-txt { width: 100% !important; }
}


@media only screen and (max-width: 535px) {
.two-column-text .left-txt{ width: 100%; padding: 0 !important; }   
.two-column-text .right-txt { width: 100%; padding: 0 0 20px 0 !important; }  
.footer-third img { margin: 0; }
footer .container { grid-gap: 16px; }
ul{ margin-bottom: 20px; }
.form-sec {  width: 100%; }
ol { margin-top:20px; }
.two-column-text .right-txt { padding:0 !important; }
.full_banner { margin: 0 0 45px 0; }
.two-column-text h2, .custom_title h2, .one_column_text h5 { text-align: left !important; }
.three-column-text .mid-txt { padding: 0 0 20px 0; }
.three-column-text ul { margin-bottom:0; }
.two-column-text img { width: auto; margin: 0 0 20px 0; float: none; display: block; max-width: 100%; }
.left-txt h4 { text-align: left !important; }
.divider_page { margin: 0 0 11px 0 !important; }
.full_banner h2 { font-size: 2.6em !important; }
footer .container { display: block; }
footer .footer-first { margin-top: 30px; }
footer .footer-third { margin: 0 0 30px 0; }
footer .footer-third p { margin:0; }
footer .footer-top.new .footer-fourth{ margin: 0 0 30px 0; }
.mid-footer ul li { width: 100%; margin: 0 0 10px 0; }
}

@media only screen and (max-width: 480px) {
.box_layout .container, footer .container { grid-template-columns: repeat(auto-fill, minmax(100%,1fr)); }  
.top-nav ul li a, .top-header ul li { font-size: 10px; }
button#responsive-menu-button { top: 42px; }
footer .footer-third ul { margin: 0 10px 0 0; }
footer .footer-fourth h4 { line-height: 14px; }
footer h3 { text-align: left; margin-bottom: 20px; padding: 0 20px; }
footer .footer-third p { margin:0; }
.full_banner { padding: 167px 0 10px 0; }
.full_banner h1 { font-size: 3.1em !important; }
.img-box { margin: 0 0 20px 0; width: 100%; }

}

@media only screen and (max-width: 360px) {
.top-header ul li { width: 100%; }   
.top-header ul { line-height: 12px; padding: 10px 0; }
button#responsive-menu-button { top: 53px; }
.two-column-text h2, .custom_title h2 {  font-size: 2.1em !important; }
.full_banner h2 { font-size: 2em !important; }
.two-column-text h2, .custom_title h2 { font-size: 2em !important; }	
}