@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .tri-div span:nth-of-type(1) {
        right: 60px;
    }

    .tri-div span {
        font-size: 16px;
    }

    .tri-div span:nth-of-type(2) {
        top: 258px;
        right: 94px;
    }

    .tri-div span:nth-of-type(3) {
        left: 87px;
    }

    .latw .inner:before {
        right: -9px;
        width: 56px;
        transform: rotate(49deg);
    }

    .latw .inner:after {
        left: -9px;
        width: 56px;
        transform: rotate(-49deg);
    }

    .best-sd {
        max-width: 100%;
        width: 100%;
    }

    .secto.s11 h3,
    .secto.s11 p {
        max-width: 100%;
    }

    .mac .m-inner h3 {
        min-height: 55px;
    }

    .vission p:nth-of-type(2) span {
        max-width: 63%;
        line-height: 1.7;
        top: 5px;
    }

    .vission p:nth-of-type(2) span:after {
        top: 15px;
        left: -104px;
    }


}

@media(max-width:991px) {

    .top-bar .t-left ul,
    .bottom-bar .l-nav ul {
        display: none;
    }

    .open-sidebar {
        display: inline-block;
    }

    .top-bar .t-left .lang {
        padding-top: 4px;
    }

    .serv-s .block,
    .p-nav,
    .let-s .block,
    .footer-item {
        max-width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .footer-item {
        margin-bottom: 50px;
    }

    .serv-s .block:last-of-type,
    .let-s .block:last-of-type,
    .footer-item:last-of-type {
        margin-bottom: 0;
    }

    .p-content {
        max-width: 100%;
        padding: 0;
    }

    .works-s .block .inner {
        height: 200px;
    }

    .let-s .inner {
        min-height: 0;
    }

    .let-s .nw-letter .inner {
        padding-top: 30px;
    }

    .let-s .card {
        min-height: 300px;
    }

    .works-s .block.b-head .inner {
        height: 100px;
    }

    .mac .m-inner {
        max-width: 100%;
    }
}

@media(max-width:768px) {
    .nav-wrap {
        border-radius: 0;
    }

    .nav-wrap {
        overflow: hidden;
        overflow-x: auto;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom b {
        display: block;
        padding-top: 25px;
    }

    .footer-bottom .ryad-logo {
        float: none;
    }

    .hero-s .item .item-caption h3 {
        font-size: 23px;
        max-width: 100%;
    }

    .hero-s .item {
        height: 400px;
    }

    .serv-s .block .i-data h4,
    .works-s .block .inner .cap h4 {
        font-size: 15px;
    }

    .g-head h3 {
        font-size: 21px;
    }

    .works-s .block .inner .cap .btn {
        font-size: 13px;
    }

    .let-s .inner .i-head h3 {
        font-size: 19px;
    }

    .let-s .card .c-data p {
        font-size: 25px;
    }

    .search-form .form-group {
        max-width: 100%;
    }

    .serv-s,
    .prog-s,
    .works-s,
    .let-s {
        padding: 50px 0;
    }

    .works-s .block.b-head .inner .cap h3 {
        font-size: 17px;
    }

    .footer-top ul li {
        width: 100%;
    }

    .footer-top ul li a {
        font-size: 14px;
    }

    .serv-s .block a {
        min-width: 100%;
        max-width: 100%;
    }

    .serv-s .g-body:after {
        display: none;
    }

    .serv-s .g-body:before {
        left: 200px;
        top: -118px;
        height: 480px;
        transform: rotate(-37deg);
    }

    .ab-img {
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }

    .ab-data {
        max-width: 100%;
        padding: 0;
    }

    .g-img {
        width: 320px;
        height: 320px;
    }

    .goals .g-caption p {
        font-size: 15px;
    }

    .goals .g-caption p:nth-of-type(1) {
        top: -110px;
    }

    .goals .g-caption p:nth-of-type(2) {
        top: 110px;
        right: -150px;
    }

    .sector.goals {
        overflow: hidden;
    }

    .goals .g-caption p:nth-of-type(3) {
        top: 300px;
        right: -90px;
    }

    .goals .g-caption p:nth-of-type(4) {
        top: 340px;
        right: 140px;
    }

    .goals .g-caption p:nth-of-type(5) {
        top: 250px;
        left: -130px;
    }

    .goals .g-caption p:nth-of-type(6) {
        left: -150px;
    }

    .goals .g-caption p:nth-of-type(7) {
        top: -100px;
        left: 0px;
    }

    .g-img h3 {
        font-size: 25px;
    }

    .sector.ethics {
        overflow: hidden;
    }

    .e-img {
        width: 300px;
        height: 240px;
    }

    .e-img h3 {
        font-size: 22px;
    }

    .e-img .i-caption p {
        font-size: 14px;
    }

    .e-img .i-caption p:nth-of-type(1) {
        right: -185px;
        top: 36px;
        max-width: 55%;
    }

    .e-img .i-caption p:nth-of-type(2) {
        top: 190px;
        max-width: 50%;
        right: -150px;
    }

    .e-img .i-caption p:nth-of-type(3) {
        left: -100px;
    }

    .e-img .i-caption p:nth-of-type(4) {
        top: 16px;
        left: -128px;
    }

    .ab-img .item,
    .c-top .item {
        height: 390px;
    }

    .careers-inner-page,
    .enter-inner-page,
    .contact-inner-page {
        padding: 50px 0;
    }

    .contact-inner-page .co-form,
    .contact-inner-page .co-data {
        padding: 0;
    }

    .c-top {
        margin-bottom: 30px;
    }

    .c-item h3 {
        font-size: 18px;
    }

    .c-item span {
        font-size: 14px;
    }

    .c-item p {
        font-size: 13px;
    }

    .i-pagination ul li a {
        margin: 0 .5px;
    }

    .chat-wrap h4 {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .chat-body {
        padding: 20px;
        max-width: 100%;
    }

    .chat-inner .chat-item .i-img {
        width: 35px;
        height: 40px;
        margin-right: 10px;
    }

    .chat-inner .chat-item .i-data p {
        max-width: 100%;
        margin: 0 0 7px !important;
        padding: 10px 15px;
        font-size: 12px;
    }

    .chat-inner .chat-item .i-data span {
        padding: 0 15px;
    }

    .chat-inner .chat-item.m-to .i-data {
        max-width: 100%;
    }

    .chat-form .form-control {
        max-width: 100%;
        margin: 0 0 10px;
    }

    .co-form .form-group .form-control {
        height: 50px;
        font-size: 13px;
    }

    .co-form .form-group i {
        font-size: 14px;
        top: 16px;
    }

    .co-form .form-group textarea.form-control {
        height: 150px !important;
    }

    .co-form .form-group .btn {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 20px;
    }

    .co-form .form-group:last-of-type {
        margin-top: 20px;
    }

    .contact-inner-page .co-form {
        margin-bottom: 50px;
    }

    .contact-inner-page .co-data ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .contact-inner-page .co-data ul li i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-left: 10px;
    }

    .contact-inner-page .co-data ul li a,
    .contact-inner-page .co-data ul li {
        font-size: 15px;
    }

    .contact-inner-page .co-data .op-address i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-left: 10px;
    }

    .contact-inner-page .co-data .op-address p {
        padding-top: 0;
        font-size: 13px;
    }

    .enter-inner-page .enter-form {
        max-width: 100%;
    }

    .enter-inner-page .form-group .form-control {
        height: 50px;
        font-size: 13px;
    }

    .enter-inner-page .form-group .btn {
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        padding: 0 20px;
    }

    .training-form .form-group .select2-container .select2-selection--single {
        height: 50px;
    }

    .training-form .form-group .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 50px;
        font-size: 13px;
    }

    .training-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 50px;
    }

    .g-head h3 {
        font-size: 17px;
    }

    .training-form .sub-form h4 {
        font-size: 15px;
    }

    .training-form .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 12px;
    }

    .training-form .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice span {
        font-size: 13px;
    }

    .tr-feats {
        padding: 30px 0 0;
        max-width: 100%;
    }

    .tr-feats p {
        font-size: 13px;
    }

    .tr-feats ul li {
        font-size: 13px;
    }

    .training-bottom,
    .partners-inner-page {
        padding: 50px 0;
    }

    .g-head {
        margin-bottom: 40px;
    }

    .training-bottom .block {
        padding: 0;
        margin-bottom: 30px;
    }

    .training-bottom .block .inner h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .training-bottom .block .inner p {
        font-size: 13px;
    }

    .table-bottom {
        padding-top: 50px;
    }

    .table-bottom .table-responsive {
        border: 0;
    }

    .table-bottom .table th {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .table-bottom .table td {
        font-size: 13px;
    }

    .table-bottom .t-desc p {
        font-size: 13px;
    }

    .table-bottom .t-msg {
        margin-top: 40px;
    }

    .table-bottom .t-msg .btn {
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        padding: 0 15px;
    }

    .cl-slider .owl-controls .owl-buttons div .slider-left {
        left: -8px;
    }

    .cl-slider .owl-controls .owl-buttons div .slider-right {
        right: -8px;
    }

    .program-after-page {
        padding: 50px 0;
    }

    .program-after-page .panel-group {
        max-width: 100%;
    }

    .program-after-page .panel-group h3 {
        font-size: 16px;
        margin-bottom: 20px;
        padding: 5px 20px;
    }

    .program-after-page .panel-title a {
        font-size: 14px;
        padding: 15px 26px;
    }

    .program-after-page .panel-title a:before {
        top: 16px;
    }

    .program-after-page .panel-title a.collapsed:after,
    .program-after-page .panel-title a:after {
        top: 21px;
    }

    .program-after-page .panel-title a {}

    .program-after-page .panel-body {
        padding: 25px !important;
    }

    .program-after-page .panel-body .unit-item .unit-data {
        width: 100%;
        margin-bottom: 5px;
    }

    .program-after-page .panel-body .unit-item .unit-prog {
        width: 100%;
        height: 10px;
    }

    .program-after-page .panel-body .unit-item {
        margin-bottom: 50px;
    }

    .program-after-page .panel-body .unit-item a {
        font-size: 14px;
    }

    .program-after-page .panel-body .unit-item span {
        font-size: 14px;
    }

    .program-after-page .panel-body .unit-item .unit-prog:after {
        border-right: 8px solid #157a11;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        left: -9px;
    }

    .program-inner-page .single-top .single-head h3 {
        font-size: 16px;
    }

    .program-inner-page .single-top .single-head p {
        font-size: 13px;
    }

    .program-inner-page .single-top .single-head {
        margin-bottom: 30px;
    }

    .program-inner-page .single-top .single-body .ss-item {
        padding: 0;
        margin-bottom: 30px;
    }

    .program-inner-page .single-top .single-body .ss-item a {
        display: block;
        width: 100%;
    }

    .program-inner-page .single-top .single-body .ss-item a span {
        font-size: 18px;
    }

    .program-inner-page .single-top .single-body .ss-item a i {
        font-size: 23px;
    }

    .program-inner-page .single-top .single-body .ss-item h4 {
        font-size: 16px;
    }

    .program-inner-page .single-top .single-body .ss-item ul li {
        font-size: 14px;
    }

    .program-inner-page .single-top .single-body .ss-item ul li span {
        font-size: 15px;
    }

    .program-inner-page .single-top {
        padding-bottom: 20px;
    }

    .program-inner-page .single-bottom {
        padding-top: 50px;
    }

    .program-inner-page .single-bottom h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .program-inner-page .single-bottom .faq-item {
        margin-bottom: 30px;
    }

    .program-inner-page .single-bottom .faq-item h4 {
        font-size: 15px;
    }

    .program-inner-page .single-bottom .faq-item p {
        font-size: 13px;
    }

    .table-bottom .table td {
        padding: 15px;
    }

    .table-bottom .table td .btn {
        padding: 6px;
        font-size: 11px;
    }

    .rating-inner-page {
        padding: 50px 0;
    }

    .rating-inner-page h3 {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .rating-inner-page .r-block {
        padding: 0;
        margin-bottom: 15px;
    }

    .rating-inner-page .r-block .table-responsive {
        border: 0;
    }

    .rating-inner-page .r-block .table-responsive .table th {
        padding-bottom: 15px;
        font-size: 14px;
    }

    .rating-inner-page .table td {
        font-size: 13px;
    }

    .rating-inner-page .table td {
        padding: 15px;
    }

    .rating-inner-page .r-block:last-of-type {
        margin: 0;
    }

    .rating-inner-page .table span i {
        font-size: 11px;
    }

    .reg-table .table-responsive {
        border: 0;
        margin-bottom: 30px;
    }

    .reg-table .table-responsive td {
        font-size: 13px;
    }

    .table-bottom .table-responsive {
        border: 0;
        padding: 0;
    }

    .tri-div span:nth-of-type(1) {
        right: 60px;
    }

    .tri-div span {
        font-size: 16px;
    }

    .tri-div span:nth-of-type(2) {
        top: 258px;
        right: 94px;
    }

    .tri-div span:nth-of-type(3) {
        left: 87px;
    }

    .latw .inner:before {
        right: -9px;
        width: 56px;
        transform: rotate(49deg);
    }

    .latw .inner:after {
        left: -9px;
        width: 56px;
        transform: rotate(-49deg);
    }

    .best-sd {
        max-width: 100%;
        width: 100%;
    }

    .secto.s11 h3,
    .secto.s11 p {
        max-width: 100%;
    }

    .mac .m-inner h3 {
        min-height: 55px;
    }

    .service-inner-page {
        padding-top: 50px;
    }

    .service-inner-page .c-top {
        margin-bottom: 50px;
    }

    .tri-div {
        width: 60%;
        height: 300px;
    }

    .tri-div span:nth-of-type(1) {
        right: 60px;
        top: 129px;
    }

    .tri-div span:nth-of-type(2) {
        right: 90px;
        top: 211px;
    }

    .tri-div span:nth-of-type(3) {
        top: 114px;
        left: 83px;
    }

    .secto .v-med,
    .secto .v-data {
        max-width: 100%;
    }

    .secto .v-med {}

    .secto .t-rop,
    .secto .rop-data {
        max-width: 100%;
        padding: 0;
    }

    .secto.s12 a {
        width: 160px;
        height: 110px;
    }

    .secto_14-bottom {
        padding-top: 50px;
    }

    .mac {
        max-width: 50%;
    }

    .mac .m-inner h3 {
        font-size: 17px;
        min-height: 44px;
    }

    .mac .m-inner {
        padding: 40px 20px;
    }

    .man-img {
        width: 350px;
        height: 295px;
    }

    .man-img h5 {
        font-size: 13px;
    }

    .man-img span:nth-of-type(1) {
        top: 32px;
    }

    .man-img span {
        max-width: 27%;
    }

    .man-img span:nth-of-type(2) {
        top: 166px;
    }

    .man-img span:nth-of-type(3) {
        bottom: 14px;
        max-width: 39%;
        right: 107px;
        font-size: 10px;
    }

    .man-img span:nth-of-type(4) {
        bottom: 105px;
        left: -25px;
    }

    .man-img span:nth-of-type(5) {
        top: 33px;
        left: 53px;
    }

    .man-img p {
        font-size: 13px;
    }

    .man-img p:nth-of-type(1) {
        right: -120px;
        top: 40px;
    }

    .man-img p:nth-of-type(2) {
        bottom: 70px;
        right: -133px;
    }

    .man-img p:nth-of-type(3) {
        left: -128px;
        bottom: 4px;
    }

    .man-img p:nth-of-type(4) {
        left: -150px;
        bottom: 106px;
    }

    .man-img p:nth-of-type(5) {
        top: 37px;
        left: -74px;
    }

    /*
    .nav-wrap {
        left: 10px;
    }
*/

    .vission {
        display: none;
    }

    .vission-mob {
        display: block;
    }

    .secto.s4_new {
        padding: 70px 0;
    }

}

@media(max-width:600px) {
    .top-bar .t-right li a span {
        display: none;
    }

    .top-bar .t-right li {
        margin: 0;
    }

    .bottom-bar .logo img {
        width: 200px;
    }

    .bottom-bar .l-nav {
        padding-top: 20px;
    }

    .hero-s .item .item-caption h3 {
        font-size: 18px;
        max-width: 80%;
    }

    .owl-controls .owl-buttons div .slider-right,
    .owl-controls .owl-buttons div .slider-left {
        font-size: 20px;
    }

    .owl-controls .owl-buttons div .slider-right {
        right: 2%;
    }

    .owl-controls .owl-buttons div .slider-left {
        left: 2%;
    }

    .p-nav li a i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        margin-left: 10px;
    }

    .p-nav .nav-tabs li a {
        padding: 10px 15px;
    }

    .news-bottom .nw-item .i-img {
        width: 100px;
        height: 100px;
        margin: 0 0 15px;
    }

    .news-bottom .nw-item .i-data {
        width: 100%;
        padding: 0;
    }

    .news-bottom .nw-item .i-data a {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .news-bottom .nw-item .i-data p {
        font-size: 13px;
        max-height: 67px;
    }

    .news-bottom .nw-item .i-img .cap h3 {
        font-size: 14px;
    }

    .news-bottom .nw-item .i-img .cap span {
        font-size: 11px;
    }

    .tri-div span:nth-of-type(1) {
        right: 60px;
    }

    .tri-div span {
        font-size: 16px;
    }

    .tri-div span:nth-of-type(2) {
        top: 258px;
        right: 94px;
    }

    .tri-div span:nth-of-type(3) {
        left: 87px;
    }

    .latw .inner:before {
        right: -6px;
        width: 68px;
        transform: rotate(37deg);
        top: 20px;
    }

    .latw .inner:after {
        left: -9px;
        width: 56px;
        transform: rotate(-49deg);
    }

    .best-sd {
        max-width: 100%;
        width: 100%;
    }

    .secto.s11 h3,
    .secto.s11 p {
        max-width: 100%;
    }

    .mac .m-inner h3 {
        min-height: 55px;
    }

    .service-inner-page {
        padding-top: 50px;
    }

    .service-inner-page .c-top {
        margin-bottom: 50px;
    }

    .tri-div {
        width: 87%;
        height: 300px;
    }

    .tri-div span:nth-of-type(1) {
        right: 60px;
        top: 129px;
    }

    .tri-div span:nth-of-type(2) {
        right: 90px;
        top: 211px;
    }

    .tri-div span:nth-of-type(3) {
        top: 114px;
        left: 83px;
    }

    .secto .v-med,
    .secto .v-data {
        max-width: 100%;
    }

    .secto .v-med {}

    .secto .t-rop,
    .secto .rop-data {
        max-width: 100%;
        padding: 0;
    }

    .secto.s12 a {
        width: 160px;
        height: 110px;
    }

    .secto_14-bottom {
        padding-top: 50px;
    }

    .mac {
        max-width: 50%;
    }

    .mac .m-inner h3 {
        font-size: 17px;
        min-height: 44px;
    }

    .mac .m-inner {
        padding: 40px 20px;
    }

    .man-img {
        width: 350px;
        height: 295px;
    }

    .man-img h5 {
        font-size: 13px;
    }

    .man-img span:nth-of-type(1) {
        top: 32px;
    }

    .man-img span {
        max-width: 27%;
    }

    .man-img span:nth-of-type(2) {
        top: 166px;
    }

    .man-img span:nth-of-type(3) {
        bottom: 14px;
        max-width: 39%;
        right: 107px;
        font-size: 10px;
    }

    .man-img span:nth-of-type(4) {
        bottom: 105px;
        left: -25px;
    }

    .man-img span:nth-of-type(5) {
        top: 33px;
        left: 53px;
    }

    .man-img p {
        font-size: 13px;
    }

    .man-img p:nth-of-type(1) {
        right: -120px;
        top: 40px;
    }

    .man-img p:nth-of-type(2) {
        bottom: 70px;
        right: -133px;
    }

    .man-img p:nth-of-type(3) {
        left: -128px;
        bottom: 4px;
    }

    .man-img p:nth-of-type(4) {
        left: -150px;
        bottom: 106px;
    }

    .man-img p:nth-of-type(5) {
        top: 37px;
        left: -74px;
    }

    /*
    .nav-wrap {
        left: 0;
        width: 30px;
    }
*/

    .tri-div {
        width: 87%;
    }

    .vis {
        width: 100%;
    }

    .vis h3 {
        font-size: 18px;
    }

    .vis span {
        font-size: 15px;
        max-width: 15%;
    }

    .vis span:nth-of-type(1) {
        top: 81px;
        right: 94px;
    }

    .vis span:nth-of-type(2) {
        font-size: 14px;
        max-width: 20%;
        top: 150px;
        right: 41px;
    }

    .vis span:nth-of-type(3) {
        bottom: 116px;
        max-width: 20%;
        right: 82px;
    }

    .secto.s5 .v-med {
        padding: 0;
    }

    .vis span:nth-of-type(4) {
        max-width: 20%;
        bottom: 87px;
        right: 176px;
    }

    .vis span:nth-of-type(5) {
        left: 50px;
        bottom: 142px;
    }

    .vis span:nth-of-type(6) {
        font-size: 15px;
        top: 159px;
    }

    .vis span:nth-of-type(7) {
        font-size: 14px;
        top: 68px;
        left: 107px;
    }

    .vis:before {
        background-size: 94%;
        left: -7px;
        top: 78px;
    }

    .tri_2 span {
        font-size: 16px;
    }

    .tri_2 span:nth-of-type(3) {
        font-size: 16px;
    }

    .soc {
        margin: 20px auto 0;
        display: none;
    }

    .v-all {
        padding: 0;
    }

    .soc p {
        position: relative;
        right: 0;
    }

    .secto.s5 {
        padding-bottom: 50px;
    }

    .secto {
        padding: 50px 0;
    }

    .secto.s9 .g-body {
        width: 100%;
    }

    .secto.s9 .hexa {
        position: relative;
        right: auto;
        left: auto !important;
        top: auto !important;
        bottom: auto;
        margin: 0 auto;
    }

    .secto.s9 .hexa h3 {
        font-size: 17px !important;
        max-width: 67% !important;
    }

    .latw .inner:after {
        left: -6px;
        width: 68px;
        transform: rotate(-37deg);
        top: 20px;
    }

    .secto.s11 h3 {
        font-size: 18px;
        line-height: 1.7;
    }

    .mac {
        max-width: 100%;
    }

    .mac .m-inner h3 {
        min-height: 0;
    }

    .man-img p:nth-of-type(1) {
        right: -29px;
        top: 16px;
    }

    .man-img p:nth-of-type(2) {
        bottom: 20px;
        right: -33px;
        max-width: 30%;
    }

    .man-img p:nth-of-type(3) {
        bottom: -27px;
        left: 127px;
        max-width: 44%;
    }

    .man-img p:nth-of-type(4) {
        max-width: 30%;
        left: 0;
        bottom: -38px;
    }

    .man-img p:nth-of-type(5) {
        left: 12px;
        top: 13px;
    }


    .nav-wrap i {
        /*
        left: 12px;
        top: 12px;
*/
        width: 7px;
        height: 7px;
    }

    /*
    .nav-wrap a {
        height: 30px;
        padding: 0;
    }
*/

    /*
    .nav-wrap .mt {
        line-height: 30px;
    }
*/

    .nav-wrap em {
        font-size: 16px;
    }

    .vission-mob span {
        font-size: 15px;
    }

    .vission-mob h3 {
        font-size: 25px;
    }
}

@media(max-width:425px) {
    .sector.about-top {
        padding: 60px 0;
    }

    .ab-data h4 {
        font-size: 18px;
    }

    .ab-data p {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .g-img {
        width: 200px;
        height: 190px;
    }

    .g-img h3 {
        font-size: 18px;
    }

    .goals .g-caption p {
        font-size: 13px;
    }

    .goals .g-caption p:nth-of-type(1) {
        top: -80px;
        right: -70px;
        max-width: 82%;
    }

    .goals .g-caption p:nth-of-type(2) {
        top: 44px;
        right: -105px;
        max-width: 50%;
    }

    .goals .g-caption p:nth-of-type(3) {
        top: 170px;
        right: -38px;
    }

    .goals .g-caption p:nth-of-type(4) {
        top: 200px;
        max-width: 98%;
        right: 57px;
    }

    .goals .g-caption p:nth-of-type(5) {
        left: -104px;
        top: 125px;
        max-width: 60%;
    }

    .goals .g-caption p:nth-of-type(6) {
        top: 8px;
        left: -105px;
        max-width: 51%;
    }

    .jumbtron {
        padding: 30px 0;
    }

    .jumbtron h3 {
        font-size: 20px;
    }

    .jumbtron ul {
        width: 100%;
        margin-top: 15px;
    }

    .jumbtron ul li {
        font-size: 13px;
    }

    .e-img {
        width: 200px;
        height: 157px;
    }

    .e-img h3 {
        font-size: 16px;
    }

    .e-img .i-caption p:nth-of-type(1) {
        right: -100px;
        top: 5px;
    }

    .e-img .i-caption p {
        font-size: 13px;
    }

    .e-img .i-caption p:nth-of-type(2) {
        top: 109px;
        max-width: 49%;
        right: -100px;
    }

    .e-img .i-caption p:nth-of-type(3) {
        left: -79px;
        bottom: -30px;
        max-width: 50%;
    }

    .e-img .i-caption p:nth-of-type(4) {
        top: -2px;
        left: -111px;
        max-width: 50%;
    }
}

@media(max-width:360px) {
    .sidebar {
        width: 270px;
    }

    .goals .g-caption p {
        font-size: 11px;
    }

    .g-img {
        width: 150px;
        height: 140px;
    }

    .g-img h3 {
        font-size: 15px;
    }

    .goals .g-caption p:nth-of-type(1) {
        top: -58px;
    }

    .goals .g-caption p:nth-of-type(2) {
        top: 23px;
        right: -80px;
    }

    .goals .g-caption p:nth-of-type(3) {
        top: 120px;
    }

    .goals .g-caption p:nth-of-type(4) {
        top: 152px;
        right: 40px;
    }

    .goals .g-caption p:nth-of-type(5) {
        top: 94px;
        left: -93px;
    }

    .goals .g-caption p:nth-of-type(6) {
        top: -6px;
        left: -87px;
    }

    .goals .g-caption p:nth-of-type(7) {
        top: -71px;
        max-width: 60%;
        left: -13px;
    }

    .e-img {
        width: 150px;
        height: 120px;
    }

    .e-img h3 {
        font-size: 13px;
    }

    .e-img .i-caption p {
        font-size: 11px;
    }

    .e-img .i-caption p:nth-of-type(1) {
        right: -80px;
    }

    .e-img .i-caption p:nth-of-type(2) {
        top: 87px;
        right: -83px;
    }

    .e-img .i-caption p:nth-of-type(3) {
        left: -58px;
    }

    .e-img .i-caption p:nth-of-type(4) {
        top: -8px;
        left: -91px;
    }

    .tri-div {
        width: 100%;
    }

    .poco {
        width: 100%;
    }

    .vis:before {
        display: none;
    }

    .vis span:nth-of-type(1) {
        right: 75px;
        top: 95px;
    }

    .vis span:nth-of-type(3) {
        right: 69px;
        bottom: 128px;
    }

    .vis span:nth-of-type(4) {
        right: 147px;
        bottom: 105px;
    }

    .vis span:nth-of-type(5) {
        left: 40px;
        bottom: 149px;
    }

    .vis span:nth-of-type(6) {
        font-size: 14px;
        left: 31px;
        top: 162px;
    }

    .vis span:nth-of-type(7) {
        left: 87px;
        top: 83px;
    }

    .tri_2 {
        width: 100%;
    }

    .tri_2 span:nth-of-type(1) {
        top: 59px;
    }

    .tri_2 span:nth-of-type(2) {
        top: 130px;
    }

    .tri_2 span:nth-of-type(3) {
        font-size: 14px;
        bottom: 105px;
    }

    .latw .inner:before {
        right: -7px;
        width: 59px;
        transform: rotate(43deg);
        top: 20px;
    }

    .latw .inner:after {
        left: -7px;
        width: 59px;
        transform: rotate(-43deg);
        top: 20px;
    }

    .secto.s12 a {
        width: 140px;
    }

    .man-img p {
        display: none;
    }

    .man-img {
        width: 100%;
    }

    .man-img span:nth-of-type(1) {
        max-width: 30%;
        right: 51px;
        top: 37px;
    }

    .man-img span:nth-of-type(3) {
        bottom: 21px;
    }

    .man-img span:nth-of-type(5) {
        font-size: 10px;
        top: 44px;
    }

    .man-img span:nth-of-type(4) {
        font-size: 10px;
        left: -23px;
    }
}

@media(max-width:320px) {}