@media only screen and ( max-width: 1280px ) {
}
@media only screen and ( max-width: 1024px ) {
.container { max-width:96%;}
#primary_nav_wrap ul li {margin:0 4px;}
#primary_nav_wrap ul li a { padding:0 8px; font-size: 16px;}
.tagpoints .pointblock { width:28%;}
.tagpoints .pointblock-title { width:16%;}
.homeintrotext h1, .text h1 {font-size: 28px; line-height: 36px;}
.homeintrotext p, .text.text-center p, .text p { font-size: 14px; line-height: 24px;}
}
@media only screen and ( max-width: 980px ) {
.navbar_wrap { height:40px;}
ul.desk-navigation { display:none;}
.mobilemenu_wrap, #mobilemenu { display:block;}
.headerwatermark { display:none;}
.header .logo img { width:100%;}
.doantebtn { margin:10px 0 0;}
.tagpoints .pointblock { width:33.33%;}
.tagpoints .pointblock-title { width:100%;}
.gallery ul li { width:25%;}
.width-20, .width-30, .width-40, .width-50, .width-60, .width-70, .width-80, .width-90,.width-100 { width:100% !important;}
.donatebox, .donatebox p { text-align:center;}
.homeintrotext h1, .text h1 {font-size: 26px; line-height: 34px;}
.text h3 {font-size: 19px; line-height: 26px;}
.homeintrotext p, .text.text-center p, .text h3 { font-size: 13px; line-height: 21px;}
}
 @media only screen and ( max-width: 800px ) {
}
@media only screen and ( max-width: 768px ) {
}
@media only screen and ( max-width: 736px ) {
}
@media only screen and ( max-width: 667px ) {
.content .text img { margin-bottom:15px;}
.padding-left-three { padding-left:0% !important;}
.padding-right-three { padding-right:0% !important;}
.padding-left-right { padding:0 !important;}
.doantebtn { margin:0;}
.tagpoints .pointblock { font-size:14px;}
.homeintrotext h1, .text h1 {font-size: 22px; line-height: 28px;}
.text h3 {font-size: 16px; line-height: 24px;}
.homeintrotext p, .text.text-center p, .text p, .footer p { font-size: 12px; line-height: 19px;}
#boxes { display:none;}
}
@media only screen and ( max-width: 640px ) {
.homeintrotext h1, .text h1 {font-size: 20px; line-height: 26px;}
.text h3 {font-size: 14px; line-height: 22px;}
.gallery ul li { width:33.33%;}
}
@media only screen and ( max-width: 600px ) {

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

}
@media only screen and ( max-width: 480px ) {
.header .logo {width:100%; padding:10px 5%;}
.headerright {width: 50%;  padding: 10px 0 15px; text-align: center; margin-right: 25%;}
.tagpoints .pointblock { width:100%;}
.homeblocks ul li { width:50%;}
.gallery ul li { width:50%;}
.gallery ul li img { height:100px;}

}
@media only screen and ( max-width: 384px ) {
.homeblocks ul li { width:100%;}
.gallery ul li { width:100%;}
.gallery ul li img { height:auto;}
}
@media only screen and ( max-width: 320px ) {
}