/*Extra large devices (large desktops, 1200px and up)*/

@media (max-width: 1399px){
	
}
@media (min-width: 1400px) { 
	
}
@media (min-width: 1200px) { 
	
	.container {
	    max-width: 1190px;
	}
	
}

@media (max-width: 1199px) { 
	
	#menu li a {
	    padding: 0 8px;
	    font-size: 12px;
	}

	.cause-box p br {
		display: none;
	}

	.watch-box p br {
		display: none;
	}

	.need-form-box {
	    padding: 60px 50px;
	}

	.let-box p br {
		display: none;
	}

	.let-wrapper {
	    padding-top: 30px;
	}

	.suara-img-one, .suara-img-two {
		display: none;
	}



}

@media (max-width: 991px) {

	#menu{
		position: fixed;
	    height: 100%;
	    width: 100%;
	    left: 0;
	    top: 0;
	    padding: 120px 0;
	    background-color: #ffffff;
	    z-index: -1;
	    transform: translateX(-100%);
	    transition: 0.4s;
	}

	#menu.open{
		text-align: center;
		transform: translateX(0);
	}

	#menu li{
		display: block;
		padding: 0 15px;
		max-width: 720px;
		margin: 0 auto;
	}

	#menu li a.nav-link{
		line-height: 45px;
		padding: 0;
	    width: 100%;
	}

	.hamburger-menu {
		display: block;
	}

	.make-wrapper {
	    padding-top: 40px;
	    margin: 100px 0 40px 0;
	}

	.csr-img {
	    width: auto;
	}

	.work-box h2 {
	    font-size: 16px;
	    line-height: 24px;
	}

	.work-box img {
	    height: 70px;
	}

	.work-wrapper {
	    padding-bottom: 40px;
	}

	.work-box {
	    margin-top: 40px;
	}

	.trust-wrapper {
	    padding-bottom: 40px;
	}

	.feature-wrapper {
	    padding-top: 40px;
	}

	.partner-wrapper {
	    padding: 40px 0;
	}

	.get-content p br {
		display: none;
	}

	.get-content p {
	    font-size: 14px;
	}

	.partner-active .owl-dots {
	    bottom: -8%;
	}

	.section_padd {
	    padding: 40px 0;
	}

	footer {
	    padding: 40px 0;
	}

	.footer-social a {
	    margin: 30px 5px 0 5px;
	}

	.footer-social a img {
	    width: 35px;
	}

	.project-head {
	    font-size: 35px;
	}

	.youtube-box {
	    margin-top: 30px;
	}
	
	.ngo-wrapper {
	    padding-bottom: 40px;
	}

	.right-wrapper {
	    padding-bottom: 40px;
	}

	.get-content .head-text {
	    font-size: 40px;
	}

	.giving-head-text {
	    font-size: 40px;
	}

	.cause-box h2 br {
		display: none;
	}

	.cause-box h2 {
	    font-size: 20px;
	    line-height: 20px;
	    margin: 20px 0;
	}

	.cause-box button {
	    padding: 10px 15px;
	    font-size: 14px;
	}

	.cause-box {
	    padding: 30px 15px;
	    margin-top: 40px;
	}

	.cause-box h4 {
	    font-size: 15px;
	}

	.custom-order-one {
	    order: 2;
	}

	.custom-order-two {
	    order: 1;
	}

	.watch-box {
		margin-top: 30px;
	}

	.need-form-box {
	    margin-top: 30px;
	}

	.need-wrapper .giving-head-text {
	    margin-bottom: 40px;
	}

	.let-wrapper {
	    margin-bottom: 40px;
	}

	.go-icon {
	    width: 60px;
	}

	.go-menu {
	    justify-content: space-between;
	}

	.go-menu a {
	    width: 138px;
	}

	.go-menu a::before {
	    right: -15%;
	}


}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {

	.make-box {
	    text-align: center;
	}

	.partner-para {
	    font-size: 14px;
	    line-height: 26px;
	}

	.partner-para br {
		display: none;
	}

	.get-content {
	    text-align: center;
	}

	.get-content p {
	    margin-top: 10px;
	}

	.head-text-two {
	    padding-bottom: 10px;
	    font-size: 26px;
	}

	.fundraise-wrapper {
	    padding-top: 60px;
	}

	.giving-head-text {
	    font-size: 35px;
	}

	.watch-wrapper .giving-head-text {
	    font-size: 30px;
	}

	.they-box {
	    padding: 30px 20px;
	    margin-top: 40px;
	    height: auto;
	    transition: .3s;
	}

	.they-box h4 {
	    font-size: 14px;
	    margin-bottom: 15px;
	}

	.they-box p {
	    margin-top: 15px;
	}

	.need-wrapper {
	    text-align: center;
	}

	.let-box {
	    text-align: center;
	}

	.let-order-two {
	    order: 1;
	}

	.let-order-one {
	    order: 2;
	}

	.go-menu a {
	    width: 105px;
	}

	.go-menu a::before {
	    right: -15%;
	    height: 95px;
	    top: 50%;
	    transform: translate( -50%, -50%);
	}

	.want-box {
		text-align: center;
	}

	.make-center {
		text-align: center;
	}

	.mojo-form {
	    width: 96%;
	    height: 60px;
	}

	.mojo-form input {
		font-size: 16px;
		padding-left: 20px;
	}

	.mojo-stories-wrapper p br {
		display: none;
	}

	.connect-text br {
		display: none;
	}

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {

	header {
	    height: 60px;
	}

	.logo img {
	    width: 170px;
	}

	.make-wrapper {
	    padding-top: 20px;
	    margin: 60px 0 40px 0;
	}

	.head-text {
	    font-size: 30px;
	}

	body {
		font-size: 14px;
	}

	.make-btn {
	    padding: 6px 20px;
	    font-size: 12px;
	    margin-top: 30px;
	}

	.work-box {
	    margin-top: 30px;
	}

	.head-mini {
	    letter-spacing: 4px;
	    font-size: 12px;
	}

	.footer-social a img {
	    width: 25px;
	}

	.project-head {
	    font-size: 30px;
	    margin-top: 0;
	}

	.youtube-box {
	    height: 180px;
	}

	.right-box iframe {
	    height: 186px;
	}

	.giving-header .logo img {
	    width: 130px;
	}

	.back-home-btn {
	    padding: 8px 20px;
	}

	.fundraise-wrapper {
	    padding-top: 20px;
	}

	.giving-head-text {
	    font-size: 26px;
	}

	.cause-box {
	    height: auto;
	    max-width: 300px;
	    margin-left: auto;
	    margin-right: auto;
	}

	.watch-wrapper .giving-head-text {
		font-size: 26px;
	}

	.watch-wrapper .giving-head-text br {
		display: none;
	}

	.need-wrapper .giving-head-text {
	    font-size: 26px;
	}

	.need-form-box {
	    padding: 40px 30px;
	    text-align: left;
	}

	.let-wrapper {
	    padding-top: 30px;
	    margin: 60px 0 40px 0;
	}

	.go-icon {
	    width: 40px;
	}

	.go-menu a p {
	    margin: 7px 0;
	    font-size: 10px;
	    line-height: 15px;
	}

	.go-arrow {
	    width: 15px;
	}

	.go-menu a::before {
	    right: 0%;
	    height: 40px;
	}

	.go-menu {
	    padding: 30px 0;
	}

	.go-to-head {
	    font-size: 14px;
	    line-height: 20px;
	}

	.go-to-head br {
		display: none;
	}

	.meet-box {
	    height: auto;
	    width: 225px;
	    margin-left: auto;
	    margin-right: auto;
	}

	.step_join_content h3 {
	    font-size: 14px;
	}

	.step_join_content p {
	    font-size: 12px;
	}

	.step_join_content p br {
	    display: none;
	}

	.main_step_join .step_join_box {
	    margin-top: 20px;
	    width: 100%;
	}

	.main_step_join:before {
	    display: none;
	}

	.step_join_box .step_join_content {
		border-top: 4px solid transparent !important;
		padding-top: 0;
	}

	.step_join_box .step_join_icon {
	    right: auto;
	    left: auto;
	    position: relative;
	    text-align: center;
	    top: auto;
	}

	.main_step_join .step_join_box:nth-child(2n) .step_join_icon {
	    top: auto;
	    left: auto;
	    position: relative;
	}

	.step_join_box_three {
	    padding-top: 20px;
	}

	.step_join_box_five {
	    padding-top: 20px;
	}

	.main_step_join {
	    margin-top: 40px;
	}

	.mojo-form button {
	    font-size: 16px;
	}

	.mojo-form input {
	    font-size: 14px;
	}

	.mojo-form {
	    height: 50px;
	}


}