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

@media(max-width:1430px) {
     .focus-world-inner .text-box h1 {
          font-size: 86px;
     }

     .focus-world-inner .text-box h2 {
          font-size: 86px;
          margin: -10px 20px 16px 0px;
     }

     .about-why-inner .text-box h5 {
          font-size: 22px;
     }

     .about-why h4 {
          max-width: 302px;
     }

     .about-right {
          max-width: 648px;
     }
}

@media(max-width:1360px) {
     body {
          padding: 20px;
     }

     header {
          padding: 15px 40px 30px;
     }

     header a {
          font-size: 36px;
     }

     .focus-world-sec {
          padding: 50px 40px 40px 30px;
     }

     .focus-world-inner .text-box h1 {
          font-size: 80px;
     }

     .focus-world-inner .text-box h2 {
          font-size: 80px;
     }

     .nonprofits-left {
          max-width: 550px;
          padding-left: 15px;
     }

     .nonprofits-left .text-box p {
          max-width: 460px;
     }

     .nonprofits-box {
          padding: 20px 20px 30px;
     }

     .nonprofits-right ul {
          max-width: 230px;
     }

     .nonprofits-left .text-box h3 {
          margin-bottom: 20px;
          line-height: 52px;
     }

     .nonprofits-left .text-box {
          margin-bottom: 30px;
     }

     .about-sec {
          padding-left: 30px;
          padding-right: 30px;
          padding-top: 20px;
          padding-bottom: 50px;
     }

     .about-left .media span {
          max-width: 160px;
     }

     .about-left .media p {
          font-size: 18px;
          margin-left: 20px;
     }

     .about-why-inner .text-box {
          padding-left: 20px;
     }

     .about-why-inner .text-box h5 {
          font-size: 20px;
     }

     .about-why-inner .text-box ul li p {
          font-size: 18px;
          margin-left: 16px;
     }

     .about-right .image-holder {
          margin-bottom: -95px;
     }

     .about-why h4 {
          max-width: 280px;
          font-size: 84px;
     }

     .about-right {
          max-width: 610px;
          width: 100%;
          margin-left: auto;
     }
}

@media(max-width:1199px) {
     body {
          padding: 0 0 30px 0;
     }

     .focus-world-sec {
          padding: 30px;
     }

     .focus-world-inner .image-holder {
          max-width: 410px;
          width: 100%;
     }

     .focus-world-inner .text-box h1 {
          font-size: 68px;
     }

     .focus-world-inner .text-box h2 {
          font-size: 68px;
          margin: -6px 12px 10px 0px;
     }

     .focus-world-inner .text-box p {
          font-size: 20px;
     }

     .nonprofits-box {
          padding: 15px;
     }

     .nonprofits-right ul {
          max-width: 200px;
     }

     .nonprofits-right ul li {
          margin-bottom: 8px;
     }

     .nonprofits-box h4 {
          font-size: 20px;
          margin: 10px 0px;
     }

     .nonprofits-left {
          max-width: 430px;
          padding-left: 15px;
     }

     .nonprofits-left .text-box p {
          max-width: 408px;
          margin-bottom: 5px;
     }

     .nonprofits-left .user {
          max-width: 80px;
          width: 100%;
     }

     .nonprofits-left .text-inner {
          padding-left: 20px;
     }

     .nonprofits-left .text-inner p {
          font-size: 16px;
          margin-bottom: 5px;
     }

     .nonprofits-right {
          margin-top: -100px;
     }

     .crafting-experience-sec ul li h4 {
          font-size: 70px;
     }

     .crafting-experience-sec ul li p {
          font-size: 22px;
          max-width: 270px;
          width: 100%;
          margin: -5px auto 0;
     }

     .crafting-experience-sec {
          padding: 30px 30px 40px 50px;
     }

     .about-right {
          max-width: 490px;
     }

     .about-why h4 {
          max-width: 226px;
          font-size: 70px;
     }

     .about-right .image-holder {
          margin-bottom: -80px;
     }

     .about-why-inner {
          padding: 15px;
     }

     .about-why-inner .about-img {
          max-width: 200px;
          width: 100%;
     }

     .about-why-inner .text-box {
          padding-left: 14px;
     }

     .about-why-inner .text-box h5 {
          font-size: 16px;
          margin: 0 0 20px 0;
     }

     .about-why-inner .text-box ul li span {
          font-size: 20px;
          width: 30px;
          height: 30px;
     }

     .about-why-inner .text-box ul li p {
          font-size: 18px;
          margin-left: 10px;
          line-height: 28px;
     }

     .about-why-inner .text-box ul li {
          margin-bottom: 25px;
     }

     .about-left h3 {
          font-size: 60px;
     }

     .about-left h4 {
          font-size: 34px;
     }

     .about-left .media span {
          max-width: 90px;
     }

     .about-left .media p {
          font-size: 16px;
          margin-left: 15px;
     }

     .about-left .text-box p {
          font-size: 18px;
     }

     .contact-sec h4 {
          font-size: 32px;
     }
}

@media(max-width:991px) {
     header {
          padding: 15px 30px;
     }

     .focus-world-sec {
          padding: 15px;
     }

     .neworld-inner {
          border-radius: 15px;
     }

     .focus-world-inner .image-holder {
          max-width: 320px;
          width: 100%;
     }

     .focus-world-inner .text-box h1 {
          font-size: 50px;
     }

     .focus-world-inner .text-box h2 {
          font-size: 50px;
     }

     .focus-world-inner .text-box p {
          font-size: 16px;
     }

     .focus-nonprofits {
          flex-direction: column;
     }

     .nonprofits-left {
          max-width: 100%;
          padding-left: 15px;
          margin: 30px 0 0 0;
     }

     .nonprofits-left .text-box h3 {
          line-height: 54px;
          max-width: 100%;
     }

     .nonprofits-left .text-box p {
          max-width: 100%;
          margin-bottom: 12px;
     }

     .nonprofits-right {
          margin-top: 20px;
     }

     .nonprofits-right ul {
          max-width: 250px;
     }

     .crafting-experience-sec {
          padding: 30px 20px;
     }

     .crafting-experience-sec ul li h4 {
          font-size: 50px;
     }

     .crafting-experience-sec ul li p {
          font-size: 18px;
          max-width: 220px;
          margin: 0 auto;
     }

     .about-right .image-holder {
          margin-bottom: -103px;
     }

     .about-why h4 {
          max-width: 292px;
          font-size: 82px;
          padding: 18px 0;
     }

     .about-right {
          max-width: 640px;
          margin-top: 30px;
     }

     .about-why-inner .about-img {
          max-width: 240px;
          width: 100%;
     }

     .about-why-inner .text-box h5 {
          font-size: 20px;
          margin: 0 0 34px 0;
     }

     .about-why-inner .text-box ul li p {
          font-size: 20px;
          margin-left: 16px;
          line-height: 30px;
     }

     .about-why-inner .text-box ul li {
          margin-bottom: 40px;
     }

     .contact-sec {
          padding: 40px 28px;
     }

     .contact-sec h4 {
          font-size: 26px;
     }

     .contact-form {
          margin: 40px auto 0;
     }

     .contact-form .form-group label {
          font-size: 26px;
     }

     .contact-form .form-group textarea.form-control {
          height: 232px;
     }

}

@media(max-width:767px) {

     .container,
     .container-sm {
          max-width: 100%;
     }

     header {
          padding: 15px 0;
     }

     .focus-world-inner .media {
          flex-direction: column;
     }

     .focus-world-inner .image-holder {
          max-width: 100%;
          width: 100%;
     }

     .focus-world-inner .text-box {
          margin-left: 0;
          margin-top: 20px;
     }

     .focus-world-inner .text-box h1,
     .focus-world-inner .text-box h2 {
          font-size: 58px;
     }

     .focus-world-inner .text-box p {
          font-size: 20px;
     }

     .nonprofits-left .text-box h3 {
          line-height: 43px;
          max-width: 100%;
          font-size: 36px;
     }

     .nonprofits-left {
          padding-left: 0;
     }

     .fuelling-sec p {
          font-size: 18px;
     }

     .fuelling-sec {
          padding: 10px 12px;
     }

     .crafting-experience-sec {
          padding: 30px 15px;
     }

     .crafting-experience-sec ul li h4 {
          font-size: 34px;
     }

     .crafting-experience-sec ul li p {
          font-size: 16px;
          max-width: 194px;
     }

     .about-left .media {
          margin: 20px 0;
     }

     .about-left .text-box p {
          margin-bottom: 20px;
     }

     .about-right {
          max-width: 490px;
          margin: 30px auto 0;
     }

     .about-right .image-holder {
          margin-bottom: -78px;
     }

     .about-why h4 {
          max-width: 225px;
          font-size: 70px;
          padding: 10px 0;
     }

     .about-why-inner .about-img {
          max-width: 190px;
          width: 100%;
     }

     .about-why-inner .text-box h5 {
          font-size: 16px;
          margin: 0 0 20px 0;
     }

     .about-why-inner .text-box ul li {
          margin-bottom: 26px;
     }

     .about-why-inner .text-box ul li p {
          font-size: 18px;
          margin-left: 12px;
          line-height: 26px;
     }

     .contact-sec {
          padding: 30px 20px;
     }

     .contact-sec h4 {
          font-size: 22px;
     }

     .contact-form {
          margin: 30px auto 0;
     }

     .contact-form .form-group label {
          font-size: 22px;
     }

     .contact-form .form-group {
          margin-bottom: 16px;
     }

     .contact-form .form-group:last-child {
          margin: 0 0 16px 0;
     }

     .btn-primary {
          margin: 20px auto 0;
     }
}

@media(max-width:575px) {
     header a {
          font-size: 26px;
     }

     .focus-world-inner .text-box h1,
     .focus-world-inner .text-box h2 {
          font-size: 36px;
     }

     .focus-world-inner .text-box h2 {
          margin: 0px 8px 10px 0px;
     }

     .focus-world-inner .text-box p {
          font-size: 16px;
     }

     .nonprofits-left .user {
          max-width: 70px;
          width: 100%;
     }

     .nonprofits-left .text-inner {
          padding-left: 15px;
     }

     .nonprofits-left .text-inner p,
     .nonprofits-left .text-inner a {
          font-size: 14px;
     }

     .nonprofits-right {
          flex-direction: column;
     }

     .nonprofits-right ul {
          max-width: 100%;
     }

     .nonprofits-box {
          padding: 20px;
     }

     .nonprofits-box h4 {
          font-size: 24px;
          margin: 15px 0px 10px;
     }

     .nonprofits-box p {
          max-width: 100%;
     }

     .nonprofits-right .image-holder {
          margin-left: 0;
          margin-top: 15px;
     }

     .fuelling-sec p {
          font-size: 16px;
     }

     .crafting-experience-sec ul {
          flex-direction: column;
     }

     .crafting-experience-sec ul li {
          text-align: center;
          margin-bottom: 30px;
     }

     .crafting-experience-sec ul li:last-child {
          margin: 0;
     }

     .crafting-experience-sec ul li h4 {
          font-size: 48px;
          margin-bottom: 5px;
     }

     .crafting-experience-sec ul li p {
          font-size: 20px;
          max-width: 250px;
     }

     .about-left h3 {
          font-size: 46px;
          margin-bottom: 5px;
     }

     .about-sec {
          padding: 20px 15px;
     }

     .about-left h4 {
          font-size: 28px;
     }

     .about-left .media span {
          max-width: 80px;
     }

     .about-left .media p {
          font-size: 14px;
          margin-left: 10px;
     }

     .about-left .text-box p {
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 10px;
     }

     .about-right {
          max-width: 320px;
     }

     .about-why h4 {
          max-width: 146px;
          font-size: 46px;
          padding: 8px 0;
     }

     .about-right .image-holder {
          margin-bottom: -50px;
     }

     .about-why-inner {
          padding: 15px;
          flex-direction: column-reverse;
     }

     .about-why-inner .text-box {
          padding-left: 0;
     }

     .about-why-inner .about-img {
          max-width: 100%;
          width: 100%;
          margin-top: 30px;
     }

     .about-why-inner .about-img img {
          width: 100%;
     }

     footer p {
          font-size: 14px;
     }
}

@media(max-width:374px) {

     .focus-world-inner .text-box h1,
     .focus-world-inner .text-box h2 {
          font-size: 32px;
     }

     .focus-world-inner .text-box p {
          font-size: 14px;
          margin: 0;
     }

     .nonprofits-left .text-box h3 {
          line-height: 38px;
          font-size: 28px;
          margin-bottom: 10px;
     }

     .nonprofits-left .text-box p {
          font-size: 14px;
     }

     .nonprofits-left .user {
          max-width: 50px;
          width: 100%;
     }

     .nonprofits-left .text-inner {
          padding-left: 10px;
     }

     .nonprofits-left .text-inner p,
     .nonprofits-left .text-inner a {
          font-size: 12px;
     }

     .about-left .text-box p {
          font-size: 14px;
          line-height: 18px;
     }

     .about-right {
          max-width: 264px;
     }

     .about-why h4 {
          max-width: 120px;
          font-size: 36px;
          padding: 7px 0;
     }

     .about-right .image-holder {
          margin-bottom: -41px;
     }

     .about-why-inner .text-box ul li {
          margin-bottom: 15px;
     }

     .about-why-inner .text-box ul li p {
          font-size: 14px;
          margin-left: 10px;
          line-height: 20px;
     }

     .contact-sec h4 {
          font-size: 18px;
     }

     .contact-form .form-group .form-control {
          font-size: 16px;
          padding-left: 14px;
     }

     .contact-form .form-group textarea.form-control {
          height: 160px;
     }

     footer {
          padding: 10px 15px;
     }
}