/*
====================================
Medium Screen - Others
====================================
*/

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-nav li {
        padding: 13px 10px 8px;
    }
    .navbar-nav li a {
        font-size: 15px;
    }
    .zikzak-left h2 {
        font-size: 36px;
    }
    .founder-inner-part p {
        font-size: 11.5px;
        margin-bottom: 0;
        margin-left: 0;
    }
    .founder-inner-part a {
        font-size: 11.5px;
        margin-left: 0;
    }
    .founder-inner-part {
        padding: 10px 10px 5px;
        height: 100%;
    }
    .found-inr-item img {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }
    .test-sec {
        background: linear-gradient(121deg, #AAA 46%, rgba(83, 191, 253, .0) 20%);
        z-index: 9999999999999 !important;
    }
    .test-right {
        padding: 35px 0px;
        padding-left: 120px;
    }
    .test-right h3 {
        font-size: 22px;
    }
    .test-right p {
        font-size: 18px;
    }
    .choose-item-1 h4,
    .choose-item-2 h4,
    .choose-item-3 h4,
    .choose-item-4 h4,
    .choose-item-5 h4 {
        font-size: 16px;
        margin-top: 30px;
    }
    .choose-item-1 p,
    .choose-item-2 p,
    .choose-item-3 p,
    .choose-item-4 p,
    .choose-item-5 p {
        font-size: 14px;
    }
    .choose-item-1 img,
    .choose-item-3 img {
        max-width: 120px;
    }
    .choose-item-2 img,
    .choose-item-5 img {
        max-width: 150px;
    }
    .choose-item-4 img {
        max-width: 200px;
    }
    .choose-item-1::after,
    .choose-item-3::after {
        width: 130px;
        top: -31px;
        right: -83px;
    }
    .choose-item-2::after {
        width: 164px;
        bottom: 150px;
        right: -104px;
    }
    .choose-item-4::after {
        width: 98px;
        bottom: 137px;
        right: -62px;
    }
    .choose-item-1 h2,
    .choose-item-2 h2,
    .choose-item-3 h2,
    .choose-item-4 h2,
    .choose-item-5 h2 {
        top: -23px;
        left: 44px;
    }
    .triangle .trang-1 {
        max-width: 150px;
        top: 0px;
        left: 0px;
    }
}

/*
====================================
Small Screen - Tablate
====================================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
    .zikzak-area {
        padding: 50px 0;
    }
    .zikzak-left h2 {
        font-size: 32px;
    }
    .zikzak-left p {
        font-size: 16px;
    }
    .zikzak-left a {
        font-size: 20px;
        margin-top: 15px;
    }
    .about-left img {
        max-width: 400px;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
    }
    .about-right img {
        margin-top: 0px;
        margin-right: 30px;
    }
    .about-upper h2 {
        font-size: 36px;
    }
    .founder-inner-part {
        height: 100%;
        padding: 15px 15px 10px;
    }
    .founder-right {
        margin-top: 20px;
    }
    .driven-right img {
        max-width: 400px;
        display: block;
        margin: auto;
        margin-top: 20px;
    }
    .int-item img {
        max-width: 150px;
    }
    .int-cnt h4 {
        font-size: 25px;
    }
    .int-cnt p {
        font-size: 18px;
    }
    .int-cnt a {
        font-size: 18px;
    }
    .partners-item img {
        max-width: 180px;
    }
    .test-sec {
        background: linear-gradient(121deg, #AAA 46%, rgba(83, 191, 253, .0) 20%);
        z-index: 9999999999999 !important;
    }
    .test-right {
        padding: 15px 0px;
        padding-left: 80px;
    }
    .test-right h3 {
        font-size: 18px;
    }
    .test-right p {
        font-size: 16px;
    }
    .contact-right {
        margin-top: 20px;
    }
    .contact-right iframe {
        height: 300px;
    }
    .choose-item-1 h4,
    .choose-item-2 h4,
    .choose-item-3 h4,
    .choose-item-4 h4,
    .choose-item-5 h4 {
        font-size: 18px;
        margin-top: 30px;
    }
    .choose-item-1 p,
    .choose-item-2 p,
    .choose-item-3 p,
    .choose-item-4 p,
    .choose-item-5 p {
        font-size: 16px;
    }
    .choose-item-1 img,
    .choose-item-3 img {
        width: 100% !important;
    }
    .choose-item-2 img,
    .choose-item-5 img {
        width: 300px;
    }
    .choose-item-4 img {
        width: 300px;
    }
    .choose-item-1::after,
    .choose-item-3::after {
        display: none;
    }
    .choose-item-2::after {
        display: none;
    }
    .choose-item-4::after {
        display: none;
    }
    .choose-item-1 h2,
    .choose-item-2 h2,
    .choose-item-3 h2,
    .choose-item-4 h2,
    .choose-item-5 h2 {
        top: -20px;
        left: 100px;
    }
    .choose-item-1,
    .choose-item-2,
    .choose-item-3,
    .choose-item-4,
    .choose-item-5 {
        max-width: 300px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .choose-upper {
        margin-bottom: 0px;
    }
    .choose-area {
        padding: 30px 0;
    }
    .triangle .trang-1 {
        max-width: 150px;
        top: 0px;
        left: 0px;
    }
    .main-content img {
        max-width: 180px;
    }
}

/*
====================================
Small Screen - Mobile
====================================
*/

@media screen and (max-width: 767px) {
    .zikzak-area {
        padding: 50px 0;
    }
    .zikzak-left h2 {
        font-size: 32px;
    }
    .zikzak-left p {
        font-size: 16px;
    }
    .zikzak-left a {
        font-size: 20px;
        margin-top: 15px;
    }
    .zikzak-left {
        margin-top: 20px;
    }
    .about-left img {
        max-width: 300px;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }
    .about-right img {
        margin-top: 0px;
        margin-right: 10px;
    }
    .about-upper h4 {
        font-size: 30px;
    }
    .about-upper h2 {
        font-size: 32px;
    }
    .about-area {
        padding: 40px 0 20px;
    }
    .founder-area {
        padding: 30px 0;
    }
    .founder-upper img {
        max-width: 60px;
        left: 15px;
        top: 5px;
    }
    .star img {
        max-width: 50px;
        bottom: 15px;
        right: 20px;
    }
    .founder-upper {
        padding-bottom: 20px;
    }
    .founder-inner-part p {
        font-size: 12.5px;
        margin-bottom: 0;
        margin-left: 0;
    }
    .founder-inner-part a {
        font-size: 11.5px;
        margin-left: 0;
    }
    .founder-inner-part {
        padding: 10px 10px 5px;
        height: 100%;
    }
    .founder-left,
    .founder-right {
        max-width: 320px;
        margin: 0 auto;
    }
    .found-inr-item img {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }
    .founder-upper h4 {
        font-size: 32px;
    }
    .driven-area {
        padding: 35px 0;
    }
    .driven-upper h4 {
        font-size: 26px;
    }
    .driven-cnt p {
        font-size: 16px;
    }
    .driven-right img {
        max-width: 300px;
        display: block;
        margin: auto;
        margin-top: 20px;
    }
    .service-area {
        padding: 35px 0;
    }
    .int-item img {
        max-width: 150px;
    }
    .int-cnt h4 {
        font-size: 25px;
    }
    .int-cnt p {
        font-size: 18px;
    }
    .int-cnt a {
        font-size: 18px;
    }
    .int-cnt {
        margin-top: 20px;
    }
    .main-content img {
        max-width: 150px;
    }
    .partners-item {
        margin: 10px 0;
    }
    .partners-area {
        padding: 20px 0 30px;
    }
    .testimonial-area {
        padding: 25px 0 0px;
    }
    .test-upper {
        padding-bottom: 20px;
    }
    .test-sec {
        background: none;
    }
    .test-right {
        padding: 40px 0;
    }
    .test-right h3 {
        font-size: 19px;
    }
    .test-right p {
        font-size: 16px;
    }
    .contact-right {
        margin-top: 20px;
    }
    .contact-right iframe {
        height: 250px;
    }
    .contact-area {
        padding: 40px 0;
    }
    .footer-logo {
        margin-top: 15px;
    }
    .choose-item-1 h4,
    .choose-item-2 h4,
    .choose-item-3 h4,
    .choose-item-4 h4,
    .choose-item-5 h4 {
        font-size: 18px;
        margin-top: 30px;
    }
    .choose-item-1 p,
    .choose-item-2 p,
    .choose-item-3 p,
    .choose-item-4 p,
    .choose-item-5 p {
        font-size: 16px;
    }
    .choose-item-1 img,
    .choose-item-3 img {
        width: 100% !important;
    }
    .choose-item-2 img,
    .choose-item-5 img {
        width: 300px;
    }
    .choose-item-4 img {
        width: 300px;
    }
    .choose-item-1::after,
    .choose-item-3::after {
        display: none;
    }
    .choose-item-2::after {
        display: none;
    }
    .choose-item-4::after {
        display: none;
    }
    .choose-item-1 h2,
    .choose-item-2 h2,
    .choose-item-3 h2,
    .choose-item-4 h2,
    .choose-item-5 h2 {
        top: -20px;
        left: 100px;
    }
    .choose-item-1,
    .choose-item-2,
    .choose-item-3,
    .choose-item-4,
    .choose-item-5 {
        max-width: 300px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .choose-upper {
        margin-bottom: 0px;
    }
    .choose-area {
        padding: 30px 0 0;
    }
    .choose-upper h4 {
        font-size: 25px;
    }
    .triangle .trang-1 {
        max-width: 80px;
        top: 0px;
        left: 0px;
    }
    .triangle .trang-2 {
        max-width: 80px;
        bottom: 0px;
        right: 0px;
    }
    .footer-area {
        padding: 10px 0;
    }
    .social-icon ul li a {
        font-size: 20px;
    }
    .social-icon ul li {
        padding: 0 10px;
    }
    .footer-logo {
        margin-top: 5px;
    }
    .footer-logo img {
        max-width: 160px
    }
    .founder-right,
    .founder-left {
        height: 330px;
    }
    .founder-right img,
    .founder-left img {
        height: 100%;
    }
    .main-content-2 .owl-theme .custom-nav .owl-prev {
        left: 10px;
        top: 65px;
    }
    .main-content-2 .owl-theme .custom-nav .owl-next {
        left: 70px;
        top: 65px;
    }
    .tab-links li {
        list-style: none;
        width: 100%;
        padding: 10px;
    }
    
}