.black_box { padding: 20px 0; background: #000 url(https://twu-hwt.org/wp-content/uploads/2020/10/black_bg.png) no-repeat center center; background-size: cover; text-align: center; color: #fff; text-align: center }
.black_box h2 { font-size: 24px; line-height: 36px; }
.black_box h3 strong { color: #005ea9 }
.black_box h3 { font-size: 40px; line-height: 46px; }
.box_area { width: 100%; display: flex; background: #f8b815 }
.box_area .box { border: 1px solid #005ea9; border-radius: 25px; width: 50%; margin: 20px; background: #fff; padding: 25px; }
.box_area h3 {color:#005ea9; font-size: 20px }
.box_area ul { list-style: none }
.black_box a { margin: 15px 0 auto; background: #005ea9; text-decoration: none!important; color: #fff; text-transform: uppercase; display: inline-block; padding: 10px }
.box_area li { border-bottom: 1px solid #ccc; padding: 10px; }
#menu{ padding-top:3px!important}

a.close, .mobilemenu { opacity: 0; display: none }

/*		Default Layout: 992px. 

		Gutters: 24px.

		Outer margins: 48px.

		Leftover space for scrollbars @1024px: 32px.

-------------------------------------------------------------------------------

cols    1     2      3      4      5      6      7      8      9      10

px      68    160    252    344    436    528    620    712    804    896    */


@media only screen and (max-width: 1049px) {
.wrapper { max-width: 100%; margin: 0 auto;  }
#header form { padding: 0 10px 0 0 }
.logo { margin: 17px 0 17px 5px; }
#menu { padding: 6px 0 0 4px }
#menu li a { padding: 7px 19px }
/*#banner_container { width: 1024px !important }
.banner { width: 1024px !important }*/
/*.content_detail { width: 303px }
.content_detail.bg { width: 304px }*/
.content_right { width: 767px; padding:20px 10px 20px }
.content_right p { width: 767px; word-wrap: break-word }
.content_left { padding: 10px 0 40px 10px; }
article { width: 94%; margin: 10px !important }
#comments { width: 94%; margin: 10px !important }
.read_more { bottom: 25px }
.quick_links { width: 625px; padding: 0 0 0 8px }

#banner_container, .banner{ width:100%!important; background-size:cover!important}

.content_detail, .content_detail.bg{ width:100%!important; height:auto!important}

.banner_detail{ bottom:100px!important; font-size:22px!important; line-height:26px!important; position:absolute!important; left:0!important}

body{ overflow-x:hidden}

.full {
    width: 100% !important;
    padding: 15px;
}

.full ul{ margin:0 0 0 30px}

*{ box-sizing:border-box}
.content_right p, .content_right{ width:100%!important;    }
.content_right{   padding: 15px;}

.content_right   p a img{ width:50%; height:auto} 

#menu {

    padding: 3px 10px 5px 10px !important;}
	
	#menu li{ font-size:15px!important}
	
	
form#payment-form input, form#payment-form textarea, form#payment-form select, form#payment-form .uneditable-input {
 
    padding: 10px 10px 10px 35px!important;
    height: auto!important; width:100%!important
}

#myVideo {
    position: absolute;
    right: auto;
    top: auto;
    min-width: auto;
    min-height: auto;
    bottom: auto;
    left: 0;
    width: 100%;
}#header form {
    float: right;
    width: 176px;
}

}



/*		Tablet Layout: 768px.

		Gutters: 24px.

		Outer margins: 28px.

		Inherits styles from: Default Layout.

-----------------------------------------------------------------

cols    1     2      3      4      5      6      7      8

px      68    160    252    344    436    528    620    712    */



@media only screen and (min-width: 768px) and (max-width: 991px) {

#header form { padding: 0 10px 0 0 }
.logo { margin: 17px 0 17px 5px; }
#menu { padding: 6px 0 0 4px }
#menu li { margin: 0 3px 0 0; font-size: 16px }
#menu li a { padding: 7px 9px }
/*#banner_container { width: 768px !important }
.banner { width: 768px !important }*/
.banner_detail { position: absolute; left: 0px; bottom: 0px; }
.content_detail {  padding: 20px 16px 0 10px }
.content_detail.bg {  padding: 20px 16px 0 10px; background: #FFFFFF url(images/bg_repeat.jpg) repeat-x 0 0; }
.read_more { bottom: 25px }
.content_right { width: 501px; padding: 20px 10px 20px 0 }
.content_right p { width: 501px; word-wrap: break-word }
.full { width: 98% !important }
.content_left { padding: 10px 0 40px 10px; width: 210px }
article { width: 92%; margin: 10px !important }
#comments { width: 92%; margin: 10px !important }
.quick_links { width: 370px; padding: 0 0 0 8px }
}







/*		Mobile Layout: 320px.

		Gutters: 24px.

		Outer margins: 34px.

		Inherits styles from: Default Layout.

---------------------------------------------

cols    1     2      3

px      68    160    252    */



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

#header form { padding: 0 10px 0 0; min-width: 224px; }
#header form .input { margin: 0px 0 20px 0 }
#header form .search { float: left; margin: 0 0 20px 0 }
.logo { margin: 17px 0 17px 35px; }
article { width: 87%; margin: 10px !important }
#comments { width: 87%; margin: 10px !important }
.timely .pull-right { float: left !important }
.title { font-size: 32px; line-height: 44px; min-height: 44px }
.content_right ol { padding: 0 3%; width: 94% }
#menu { text-align: center; }
#menu li { margin: 0 3px 5px 0; font-size: 16px; float: none; display: inline-block }
#menu li.second .sub-menu { right: 0px !important; top: 29px; left: auto; }
#menu li a { padding: 7px 9px }
/*#banner_container { width: 320px !important }
.banner { width: 320px !important }*/
.banner_detail { position: absolute; left: 0px; bottom: 0px; }
.content_detail { width: 278px !important; min-height: 229px }
.content_detail.bg { width: 278px !important; min-height: 229px }
.read_more { bottom: 10px }
.content_right { width: 300px; padding: 20px 10px 20px 0 }
.content_left { padding: 10px 0 40px 10px; width: 210px }
.quick_links { width: 296px; padding: 0 0 0 8px; text-align: center }
.contact { width: 303px; text-align: center; padding: 20px 0 0 0 }
.quick_links ul li { width: 100% }
#menu_container { background: #1258a0 url(images/menu_bg1.png) repeat-x 0 0; }
.powered { text-align: center; padding: 20px 0 0 0 }
.powered p { text-align: center }
}







/*		Wide Mobile Layout: 480px.

		Gutters: 24px.

		Outer margins: 22px.

		Inherits styles from: Default Layout, Mobile Layout.

------------------------------------------------------------

cols    1     2      3      4      5

px      68    160    252    344    436    */



@media only screen and (min-width: 480px) and (max-width: 767px) {

.content_right ol { padding: 0 3%; width: 94% }
#header form { padding: 0 10px 0 0 }
.logo { margin: 17px 0 17px 5px; }
article { width: 85%; margin: 10px !important }
#comments { width: 87%; margin: 10px !important }
.commentlist > li.comment { margin: 0 0 1.625em 35px }
.commentlist .avatar { left: -88px }
.timely .pull-right { float: left !important }
.title { font-size: 32px; line-height: 44px; min-height: 44px }
#menu { text-align: center }
#menu li { margin: 0 3px 5px 0; font-size: 16px; float: none; display: inline-block }
#menu li .sub-menu { top: 25px }
#menu li a { padding: 7px 9px }
/*#banner_container { width: 480px !important }
.banner { width: 480px !important }*/
.banner_detail { position: absolute; left: 0px; bottom: 0px; }
.content_detail {  padding: 40px 64px 0; }
.content_detail.bg {  padding: 40px 64px 0; background: #FFFFFF url("images/bg.jpg") no-repeat top center }
.read_more { bottom: 25px; right: 66px }
.content_right { width: 437px; padding: 20px 10px 20px 10px }
.content_right p { width: 437px; word-wrap: break-word }
.content_left { padding: 10px 0 40px 10px; width: 210px }
.quick_links { width: 457px; padding: 0 0 0 8px; background: none }
.contact { width: 458px; padding: 25px 0 0 8px }
#menu_container { background: #1258a0 url(images/menu_bg1.png) repeat-x 0 0; }



}
.wp-stripe-poweredby { display: none; }






 @media only screen and (max-width: 767px) {
	 *{ box-sizing:border-box}
	 
	 #banner_who {
    width: 100%;
    float: left;
    text-align: center;
    min-height: 176px;
}
	 
	 #menu_container{ position:absolute; top:0; left:0}
#header .right_details .social { display: none }
.mm-menu { background: #fff url(../images/bg.jpg) repeat; width: 84% }
.mm-opened #wrapper { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
.mm-opened a.close { display: block; opacity: 1 }
.mm-opened .connect { opacity: 0 }
.mm-opened .cp_logo_wrapper { opacity: 0; }
#back-to-top { display: block; }
.mm-menu > .mm-panel > .mm-listview { width:106% }
.mm-menu li:hover { background: #fdc747; color: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.mm-menu li:hover a { color: #333; }
.menu-item-has-children a::after { content: '' }
a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 20px; top: 23px; z-index: 8888; }
a.close:before, a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 4px; top: 0px; content: ""; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
a.mobilemenu { display: block; font-size: 16px; color: #fff; height: 30px; line-height: 32px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; overflow: hidden; padding: 0; position: absolute; right: 20px; top: 9px; width: auto; padding-right: 35px }
.mobilemenu { display: block; opacity: 1; }
.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s; transition: transform .3s; background: #fff; display: block; height: 3px; position: absolute; right: 0; top: 15px; }
.mobilemenu span:before { top: -10px; transition-property: top, transform; }
.mobilemenu span:after, .mobilemenu span:before { background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration: .3s, .3s; }
.mobilemenu span:after { bottom: -10px; transition-property: bottom, transform; }
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-listview > li > a, .mm-listview > li > span { text-transform: uppercase; }
.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu .mm-listview > li .mm-prev::before, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-prev::after, .mm-menu .mm-listview > li .mm-next::before { border-color: rgba(255,255,255,0.5); }
#header nav#menu { display: none; }
#header:before { width: 100%; height: 40px; content: ''; position: absolute; left: 0px; top: 0px; background: #0068ab; }
.mm-listview > li > a, .mm-listview > li > span { font-weight: 400; font-size: 15px; color: #333 }

body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top { padding-top: 50px!important }
.mob-menu-header-holder.mobmenu { display: block }
#header::before { display: none }
#header .maxwidth { width: 100%; max-width: 100% }
#header .right_details .connect { position: absolute; top: -40px; color: #fff; left: 0px; background: rgba(122,183,50,0.9); width: 100%; text-align: left; left: 0; padding: 14px; height: 50px; }
.mob-menu-header-holder { width: 85px!important }
#header { padding: 0 }
#header { position: static; top: 0 }
#header .right_details .connect { top: -50px; }
#header .logo {
    margin-top: 50px;
    width: 100%;
    text-align: center;
	 margin-bottom:0;
	 padding:10px 0
}
#header *{ box-sizing:border-box}
#header form{ width:100%; float:left; background:#f2f2f2; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px;}
#header #searchform fieldset{ display:flex}
#header form .input_bg, #header form .search{ margin-top:0}
.home #header .right_details .connect{top: -40px;}
#header form .input_bg{ width:95%; height:auto; min-height:5px; height:auto; background:none;background-position: 0 7px;}
#header form .input_bg input, #header form .input_bg .input{ width:100%; padding:10px; background:#fff; border:1px solid #ccc; height:auto; min-height:none}
#header .logo img{ width:150px}

#header form .search{ background-color:#2c7dbc;background-position: 0 8px;}
#header form .search{ padding:10px; height:auto}

.content_detail{ width:100%}

.content_detail.bg {
    width: 100%;

    background-size: cover;
}
.quick_links ul li {
    float: left;
    width: 100%;}

.powered{ width:100%}
.powered p {
    text-align: center;
}

.box_area{ display:block; padding:20px;}.box_area .box{ width:100%; margin:20px 0}
.box_area ul{ margin-left:0}
.content_right   p a img{ width:100%; height:auto} 
#header form .search, #header form .input_bg .input{ margin-bottom:0}
}

 @media only screen and (min-width: 768px) {
.mm-menu.mm-current { display: none !important; }
html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
html.mm-opened { overflow: visible !important; }
html.mm-opened body { overflow: visible !important; }
#mm-blocker { display: none !important; }
}
 @media only screen and (max-width: 479px) {
	.marquee div{ display:flex!important; text-align:right; padding:0 20px}.marquee div span:nth-child(1){ padding-top:15px} 
 }