@media (min-device-width: 600px) and (max-device-width: 1024px)  {	
	.bigwhite-text {
	text-align: center;
	text-wrap: wrap;
	width: 86%;
}

.donate-container {
    position: relative !important;
    flex-direction: column !important;
}

.donate-iframe {
    flex: 1;
    height: 100vh !important;
    margin: 0px !important;
    width: 100vw !important;
}

.donate-column {
    width: 100% !important;
    display: block !important;
    overflow-y: initial !important;
    
    height: auto !important;
}

.bg-image, .bg-image-pr {
    background-image: none !important;
    
    background-color: rgba(221, 78, 65, 1) !important;
}

.topbar .newsearch-block input[type="submit"]  {
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1012 1012"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="white"/></svg>') !important;
 
}


}

																																																	/* styles for portrait tablets */
@media screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: portrait) {	
	
	.donate-iframe {
    flex: 1;
    height: 100vh !important;
    margin: 0px !important;
    width: 100vw !important;
}

.donate-column {
    width: 100% !important;
    display: block !important;
    overflow-y: initial !important;
    height: auto !important;
}
	
	
	/* kyung here is some code for tablet our work front page */
	
	.frontissues .bb-inner {
    display: flex;
    width: 100% !important;
    margin: 0 auto !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.frontissues .bb-container .gsc-column {
width: 41vw !important;
}

/* end */
	

.topbar .newsearch-block input[type="submit"]  {
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1012 1012"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="white"/></svg>') !important;
 
}
	
		.overlap-image img {
width: 100vw;

    object-position: 0px -120px;
		}
	


.cap-container2 {
	margin-left: 5px;
	width: 45%;
}

.cap-line1 {
	font-size: 25px;
	
}

.cap-line2 {
	font-size: 100px;
}
	
.cap-line3 { 
	margin-top: 27px;
}

.cap-box img {
    width: 23% !important;
    margin-left: 4vw;
}


.cap-box .cap-text {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

	
	
	  .bg-image {
		 background-image: none !important;
	 }



	.tabletonly {
		display: block !important;
	}
	

.webform-submission-form {
  width: 90vw !important;
}



.event-titlev2 a, .event-titlev2 {
    color: black;
    font-size: 22px;
    line-height: 35px;
}
	
	.overlap-image {
    width: 100vw !important;
	}
	
	.field--name-webform, .field--name-body h4 {
    width: 100vw !important;
	}
	
	.header-main-inner   {
		width: 90vw !important;
		margin: 0 auto;
		
	}

	#block-mobilemenu {
	margin-bottom: 0px !important;
	}
	

.container {
    width: 100vw !important;
}
	
	.eventpage-content {
    width: 95% !important;
}

.bigred-text {
    width: 80% !important;
        font-size: 4vw !important;
    line-height: 52px;
}
	
	.frontissues .gsc-column {
    max-width: 50% !important;
}
	
	.events-front .views-view-grid .views-col, .events-front .views-view-grid img {
    width: 30vw !important;
	}
	
.ljp-newsview .views-view-grid .views-col, .events-front .views-view-grid img {
    margin-right: 20px;
}

.ljp-newsview .views-view-grid .views-col:nth-child(3n), .events-front .views-view-grid img:nth-child(3n) {
    margin-right: 0;
}


	#block-gavias-kiamo-omega-system-main > div > article > div > div.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item > h4 {
		width: 90vw !important; 
	}
	
	.eventsblock-full .bb-inner {
    padding-top: 0px !important;
		margin-top: -50px;
	}
	

	
    .centerbox-view, .eventsblock-full .new-title {
    width: 100vw;
    margin: 0 auto;
    }
    
    .lower-title .adjust-new-title, .lower-title .gradient-line{
top: 0px !important;	
}

.new-title {
    margin-top: 50px !important;
	width: 90vw !important;
    padding-bottom: 40px !important;
}

.gradient-line {
    width: 100% !important;
}

.mobile-top {

    height: 100px;
}

.centerbox-view, .eventsblock-full .new-title {
    width: 95vw !important;
}

.events-front .views-row {

    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	}

	.centerbox-view, .eventsblock-full .new-title {
    width: 95vw !important;
}


}


  																																																		 /* styles for landscape tablets */
@media screen and (max-device-width: 1200px) and (orientation: landscape) {
	
	.donate-iframe {
    flex: 1;
    height: 100vh !important;
    margin: 0px !important;
    width: 100vw !important;
}

.donate-column {
    width: 100% !important;
    display: block !important;
    overflow-y: initial !important;
    height: auto !important;
}
	
		  .bg-image {
		 background-image: none !important;
	 }
	
	.footer-second {
  display: none;
}


.footer-third {
  width: 40vw !important;
}

.footer-center .row {
    justify-content: revert !important;
}
	
	.gsc-box-hover .backend {
    width: 30vw !important;
}
	
	.frontissues .bb-inner {
    width: 90% !important;
    
    left: 6vw;
    position: relative;
	}
	
	
.main-menu-whitebg .menu-item.bluedonate a {
    padding: 10px 30px !important;
}
	
	.main-menu-whitebg .menu-item a {
    padding: 10px 5px !important;
    font-size: 15px !important;
}
	
	
.issuebox .box-title  {
    line-height: 40px;
    margin-bottom: 10px;
    font-size: 25px;
}

.issuebox .gsc-column {
    padding: 40px !important;
}

.flex-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

.group-right .flex-container .flex-item  {
	width: 40%;
}

.group-right .flex-container .flex-item iframe {
width: 100%;
}


.centerbox-view, .eventsblock-full .new-title {
    width: 100%;
}

.container {
    width: 102vw !important;
}

.event-titlev2 a, .event-titlev2 {
    font-size: 18px !important;
    line-height: 28px !important;
}

.overlap-image {
    top: 50px !important;
    left: 4.5vw !important;
}

.overlap-image-text {
    left: 19vw !important;
    width: 77% !important;
}


}