@media screen and (min-width: 1201px) and (max-width: 1420px) {
	.header > .widget-container {
		width: 100% !important;
	}
	.header .widget-storeLogo{
		padding-left: 10px;
	}
	.widget-navigation.main-menu{
		margin-right: 0;
	}
	.widget-snippet .top-right-contact{
		padding-right: 10px;
	}


}


@media screen and (max-width: 1400px) {
	.main-menu .navigation-item .navigation-item-child-container::before {
		content: "";
		transform: translateX(-50%);
		right: 35px;
		left: auto;
	}
	.widget-navigation.main-menu .navigation-item.last.has-child .navigation-item-child-container {
		transform: translateX(0%);
		left: auto;
		right: 0;

	}
}
@media screen and (max-width: 1200px) {
	.responsive .body > .widget-container {
		width: 100%;
	}
	.responsive .header > .widget-container {
		width: 100%;
	}
	.responsive  .body > .body-section > .widget-container{
		width: 100%;
	}
	.responsive .footer > .widget-container {
		width: 100%;
	}
	.page-content .v-split-container > .v-split {
		width: 100%;
	}
	.widget-navigation.main-menu .navigation-item a {
		font-size: 13px;
		padding: 21px 7px;
	}
	.widget-navigation.main-menu .nav-wrapper.horizontal > .navigation-item.has-child > a span::after {
		font-size: 16px;
		right: -3px;
	}
	.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
		font-size: 13px;
	}
	.main-menu .navigation-item .navigation-item-child-container {
		width: 220px;
	}
	.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container {
		left: 311px;
		width: 235px;
		margin-left: 35px;
	}
	.page-home .blog-post-content {
		padding:0 15px;
	}
	.blog-post-item + .blog-post-item {
		margin-left: 15px;
	}
	.page-home .blog-post-content .blog-post-item + .blog-post-item {
		margin-left: 15px;
	}
	.footer {
		margin-top: 80px;
	}
	#webcommander-page > .body::before, #webcommander-page > .body::after {
		height: 200px;
	}
	.widget.widget-pageHeading {
		padding: 68px 0 83px 0;
		margin-bottom: 70px;
	}
	.widget.widget-pageHeading h1,
	.widget.widget-pageHeading h2 {
		font-size: 38px;
	}
	.page-content .widget {
		padding-left: 15px;
		padding-right: 15px;
	}
	.widget-snippet .row-pdf {
		flex-wrap: wrap;
	}
	.responsive .widget-snippet .resource-container .row-pdf {
		height: 148px;
	}
}

@media screen and (max-width:991px) {
	.donation-description .content {
		padding-right: 30px;
	}
	.donation-details {
		margin: 30px auto 0;
	}
	.top-donation-text {
		margin-bottom: 20px;
	}
	.donation-bottom-text{
		padding-left: 15px;
		padding-right: 15px;
		max-width: 100% !important;
	}
	.donation-term-condition-panel .terms-and-condition {
		line-height: 14px;
	}
	.responsive .widget-snippet .service-content a {
		font-size: 20px;
		font-weight: 600;
		line-height: 25px;
		padding: 0 7px;
	}
	.debt-content-section .debt-content a {
		font-size: 18px;
		font-weight: 600;
		padding: 0 7px;
	}
	.widget-snippet .team-content .col-md-3{
		width: 50%;
		float: left;
	}
	/* Navigation */
	.widget-navigation.main-menu .menu-title{
		text-align: right;
	}
	.widget-navigation.main-menu{
		width: 100%;
	}
	.main-menu .menu-title {
		position: absolute;
		z-index: 999;
		overflow: hidden;
		right: 15px;
		bottom: 10px;
		left: auto;
	}
	.widget-navigation.main-menu .nav-wrapper.horizontal{
		text-align:left;
		overflow: hidden;
	}
	.main-menu .horizontal .navigation-item > .navigation-item-child-container.open {
		display: block;
	}
	.main-menu .horizontal .navigation-item .navigation-item-child-container {
		background-color: #157e7b;
		box-shadow: none;
		box-sizing: border-box;
		display: none;
		height: auto !important;
		padding:0;
		position: static;
		width: 100%;
		transform: translateX(0%);
	}
	.main-menu .navigation-item .navigation-item-child-container .navigation-item{
		margin:0;
		padding:0;
		border:none;
	}
	.main-menu .navigation-item .navigation-item-child-container .navigation-item a{
		padding:8px 40px;
		font-size:12px;
		text-align:left;
	}
	.widget-navigation.main-menu .navigation-item.active a::before {
		display: none;
	}
	.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
		border-bottom: none;
	}

	.widget-navigation.main-menu .horizontal .navigation-item:first-child a::after,
	.widget-navigation.main-menu .horizontal .navigation-item a::after{
		left: 0;
		height: 1px;
		width: 100%;
		margin-left: 0;
	}
	.main-menu .navigation-item .navigation-item-child-container a:hover, .main-menu .navigation-item .navigation-item-child-container a:focus {
		color: rgba(255, 255, 255, 0.6);
	}
	.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
		font-size: 15px;
		text-align: left;
		padding:7px 25px 10px 30px;
	}

	.widget-navigation .horizontal .navigation-item.has-child::before{display: none;}
	.responsive-navigation .navigation-item.has-child .child-opener.close::before {
		content: "\f068";
		font-family: fontawesome;
	}
	.main-menu .nav-wrapper {
		background-color: #157e7b;
		padding:0 !important;
		z-index: 999;
	}
	.main-menu .nav-wrapper .navigation-item{
		background-color: transparent;
		padding:0;
	}
	.widget-navigation.main-menu .nav-wrapper .navigation-item a {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		color: #ffffff;
		line-height: 20px;
		padding: 12px 15px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		font-size: 14px;
		font-weight: 400;
	}
	.widget-navigation.main-menu .horizontal .navigation-item:first-child a {
		padding-left: 15px;
	}
	.main-menu .nav-wrapper .navigation-item.last a {
		border-bottom: none;
		margin-left: 0;
	}
	.widget-navigation.main-menu  .horizontal .navigation-item a:hover,
	.widget-navigation.main-menu  .horizontal .navigation-item.active a,
	.widget-navigation.main-menu  .horizontal .navigation-item a:focus{
		color: #52ece7;
		font-weight: 300;
	}
	.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a:hover{
		font-weight: 400;
	}
	.main-menu  .menu-button em{
		background-color:#ffffff;
	}
	div.responsive-navigation .navigation-item.has-child .child-opener {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
	}
	.widget-navigation.main-menu .nav-wrapper.horizontal {
		position: absolute;
		top: 81px;
		right: 0px;
		width: 100vw;
		left: auto;
		height: auto;
	}
	.main-menu  .navigation-item.has-child .child-opener::before{
		color: #fff;
		display: block;
		font-family: "FontAwesome";
		font-size: 16px;
		vertical-align: middle;
		cursor: pointer;
		padding: 10px 20px;
		text-align: right;
	}
	.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:last-child a{
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	div.responsive-navigation .navigation-item.has-child .navigation-item .child-opener {
		top: 0;
	}
	.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a:hover {
		z-index: unset;
	}
	.responsive-navigation .navigation-item.has-child .child-opener.close::before {
		content: "\f068";
	}
	.main-menu .horizontal > .has-child > a span::after {
		display:none;
	}
	.responsive-navigation .navigation-item.has-child .child-opener::before {
		content: "\f107";
	}
	.responsive-navigation .navigation-item.has-child .child-opener.close::before {
		content: "\f106";
	}
	.main-menu .navigation-item .navigation-item-child-container::before {
		display:none;
	}
	.main-menu .navigation-item .navigation-item-child-container{
		margin: 0;
		border-radius: 0;
	}
	.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container {
		left: 0;
		position: unset;
		width: 100%;
		margin-left: 0;
	}
	.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
		color: #ffffff;
	}
	.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a:hover {
		color: #52ece7;
	}
	.navigation-item-child-container .navigation-item.has-child > a::after {
		content: "";
	}
	.widget-navigation.main-menu .horizontal .navigation-item
	.navigation-item-child-container .navigation-item
	.navigation-item-child-container .navigation-item a {
		padding-left: 45px;
		font-size: 14px;
	}
	#webcommander-page > .footer {
		margin-top: 70px;
	}
	.home-blog .blog-post-item {
		width: 30.5%;
	}
	.home-blog .blog-post-item + .blog-post-item {
		margin-left: 15px;
	}
	#webcommander-page > .body::before, #webcommander-page > .body::after {
		height: 160px;
	}
	.widget.widget-pageHeading {
		padding: 50px 0 50px 0;
		margin-bottom: 60px;
	}
	.widget.widget-pageHeading h1,
	.widget.widget-pageHeading h2 {
		font-size: 34px;
		line-height: 1.2;
	}
	.page-contact .page-content .v-split-container > .v-split {
		width: 100%;
	}
	#spltr-3C8F5C44-5F33-4EC4-A56A-0199057CB350 {
		width: 100%;
	}
	.widget-form .widget-title {
		text-align: center;
	}
	.widget-snippet .contact-page-content {
		text-align: center;
		padding-bottom: 30px;
	}
	.blog-post-item {
		width: 45%;
	}
	.blog-post-item + .blog-post-item {
		margin-left: 15px;
	}
	.widget-snippet .resource-container .row-pdf.col-md-6 {
		width: calc(50% - 30px);
		float: left;
	}
	
		.responsive  .article-content table {
		display: block;
		overflow: scroll;
		width: 100%;
	}
	.responsive  .article-content table > tbody > tr > td {
		min-width: 250px;
	}	
		.responsive .main-menu .menu-button.close em:nth-child(1) {
    -moz-transform: rotate(45deg) translateX(6px) translateY(6px);
    -webkit-transform: rotate(45deg) translateX(6px) translateY(6px);
    -o-transform: rotate(45deg) translateX(6px) translateY(6px);
    -ms-transform:rotate(45deg) translateX(6px) translateY(6px);
    transform: rotate(45deg) translateX(6px) translateY(6px);
}
}

@media screen and (max-width: 767px) {
	.page-blog-post .widget.widget-pageHeading h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.cartitem-table tr, table.cartitem-table {
		border: 0 !important;
	}
	.cartitem-table th, .cartitem-table td{
		text-align: center;
	}
	.post-order-contact-us {
		text-align: center;
		margin-bottom: 20px;
	}
	.cartitem-table .wrapper {
		text-align: right;
	}
	.payment-success-total {
		text-align: right;
	}
	.donation-success-title{
		font-size: 24px;
		text-align: center;
	}
	.cartitem-table th.price {
		display: none;
	}
	.donation-term-condition-panel{
		padding-top: 0;
	}
	
	.order-details h4 {
		text-align: center;
	}
	#webcommander-page > .footer {
		margin-top: 50px;
	}
	.footer .widget {
		text-align: center;
		margin: 0 auto;
		max-width: 305px;
	}
	.copyright-text p {
		max-width: 230px;
		margin: 0 auto;
	}
	.blog-post-item {
		padding: 15px;
		width: 100%;
		height: auto;
		max-width: 305px;
		margin: 0 auto;
		display:block;
	}
	.page-home .blog-post-content .blog-post-item + .blog-post-item {
		margin: 0 auto;
	}
	.page-home .widget-blogPost > .widget-title {
		padding: 15px 0 30px 0;
		font-size: 22px;
	}
	#webcommander-page > .body::before, #webcommander-page > .body::after {
		height: 100px;
	}
	.widget.widget-pageHeading {
		padding: 35px 0 35px 0;
		margin-bottom: 45px;
	}
	.widget.widget-pageHeading h1,
	.widget.widget-pageHeading h2 {
		font-size: 20px;
		line-height: 1.2;
	}
	#webcommander-page > .body::before, #webcommander-page > .body::after {
		top: 173px;
	}
	.widget-article h2 {
		font-size: 22px;
		padding: 7px 0;
	}
	.widget-form .double-input-row .form-row {
		width: 100%;
	}
	.widget-form .double-input-row .form-row {
		margin-top: 0;
	}
	.widget-form .widget-title {
		padding-bottom: 20px;
	}
	.blog-post-item + .blog-post-item {
		margin: 0 auto;
	}
	.home-blog .blog-post-item {
		width: 100%;
	}
	.widget.widget-blogPost.recent-categories, .widget.widget-blogPost.recent-post {
		padding: 0 15px;
	}
	.recent-post .widget-title, .recent-categories .widget-title {
		margin-bottom: 15px;
		text-align: center;
	}
	.recent-post .widget-title::before, .recent-categories .widget-title::before {
		margin: 0 auto;
		right: 0;
	}
	.recent-categories .blog-post-item, .recent-post .blog-post-item {
		padding: 3px 15px;
	}
	.recent-categories .blog-post-info {
		text-align: center;
	}
	.recent-post .blog-post-item .post-description .title::before {
		display:none;
	}
	.recent-post .blog-post-item .post-description .title a {
		text-align: center;
	}
	.recent-post .blog-post-item .post-description .title {
		padding: 0;
	}

	/*==========snippet==============*/
	div.widget-snippet .follow-us span {
		display: none;
	}
	div.widget-snippet .top-right-contact li + li {
		display: none;
	}
	.responsive .widget-snippet .service-content a {
		font-size: 20px;
		float: none;
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
		display: inline-block;
		height: auto;
	}
	div.widget-snippet .follow-us a + a {
		margin-left: 8px;
	}
	div.widget-snippet .service-content {
		height: auto;
		max-width: 100%;
		margin: 0 auto;
	}
	div.widget-snippet .service-content a + a{
		border-top:1px solid #fff;
		border-left: 0;
	}
	div.video-container {
		margin-bottom: 60px;
	}
	div.widget-snippet .donate-area h3 {
		font-size: 22px;
	}
	div.widget-snippet .service-content a {
		font-size: 20px;
		line-height: 1.4;
	}
	.page-content .widget.widget-snippet {
		padding: 0;
	}
	div.single-sevice {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	div.single-sevice .img-box {
		padding-right: 0;
	}
	div.single-sevice {
		text-align: center;
	}
	div.single-sevice .text-side {
		padding-top: 20px;
	}
	div.image-wrapper {
		margin-top: 20px;
		margin-left: 0;
	}
	div.widget-snippet .home-content {
		padding: 60px 15px;
	}
	div.widget-snippet .home-content h1 {
		font-size: 22px;
		padding: 0 0 10px 0;
		line-height: 1.4;
	}
	div.widget-snippet .donate-area {;
		padding: 0 15px 60px;
	}
	div .team-content {
		padding: 10px 0;
	}
	div.community-information {
		text-align: center;
	}
	.widget-snippet .resource-container .row-pdf.col-md-6 {
		width: calc(100% - 30px);
		height: auto;
	}
	div.widget-snippet .row-pdf {
		align-items: center;
		justify-content: left;
		flex-wrap: wrap;
	}
	.widget-snippet .resource-container{
		padding: 0 15px;
	}
	.donation-description .content {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.donation-amount-panel {
		width: 100%;
		float: none;
		margin-top: 10px;
	}
	.widget .donation-bottom-text{
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 40px;
	}
	.donation-bottom-text p{
		margin-top: 0;
	}
	.donation-description ul li{
		line-height: 24px;
	}
	.donation-description .content p br, .donation-description .content br{
		display: none;
	}
	.donation-details{
		margin-top: 0;
	}
	.top-donation-text {
		margin-bottom: 20px;
	}
	.donation-description .currency-symbol.custom {
		width: 35px;
		font-size: 30px;
		height: 44px;
		line-height: 44px;
	}
	.custom-donation-amount-field input.amount {
		height: 44px;
		font-size: 16px;
	}
	div.blog-post-details .comment-post-panel textarea {
    margin-bottom: 5px;
	}
	.resource-container .logos a {
		margin: 0;
	}
.article-content .container {
    flex-direction: column;
    padding: 0;
}

.article-content .container figure {
    margin: 0 0 20px;
}
}

@media screen and (max-width: 550px) {
	div.video-container{
		padding: 15px;
	}
	.video-wrapper {
		width: 100% !important;
		height: 313px !important;
	}
	.video-wrapper iframe{
		width: 100% !important;
		height: 313px !important;
	}
	.widget-snippet .team-content .col-md-3{
		width: 100%;
		float: none;
	}
	.multi-column.two-column .columns {
		width: 100%;
		display: block;
	}
	.address-edit-from-wrap .two-column .column-content{
		margin: 0 !important;
	}
	.donation-failed-title {
		font-size: 22px;
		line-height: 28px;
	}
	.errorlist.after .message-block{
		font-size: 11px;
	}
	form.payment-form {
		padding: 15px;
		margin: 20px auto;
	}
	.logo.credit-card img {
		height: 25px;
	}
	.payment-form .mandatory-chosen-wrapper select {
		width: 100%;
		min-width: auto;
	}
	.mandatory.mandatory-chosen-wrapper + span.form-type-info {
		display: none;
	}
	.double-input-row.mandatory .mandatory.mandatory-chosen-wrapper {
		width: 49%;
	}
	.payment-form .mandatory-chosen-wrapper select{
		padding: 5px;
		font-size: 13px;
	}
	.payment-form h1 {
		padding: 10px 15px 0;
		line-height: 30px;
	}
	.loan-page  .right-box {
		display: block;
		max-width: inherit;
		margin-left: 0;
		float: none;
		text-align: center;
	}
	.loan-page  .right-box > a {
		max-width: 250px;
		display: block;
		margin: 0 auto;
	}
	.page-contact .widget-form .recaptcha-container {
		-webkit-transform: scale(.95);
		-ms-transform: scale(.95);
		transform: scale(.95);
		-webkit-transform-origin: 0;
		-ms-transform-origin: 0;
		transform-origin: 0;
	}
}