/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .block.video-testimonals .row [class*=col-] .block-testimonals {
        width: 85%; left: 10%; right: 0; text-align: center;
    }
    .Testimonial-Wrap{padding:0;}
    .Testimonial-Wrap .about_text {padding: 40px 0 35px;}
    .Testimonial-Wrap .about_img {position: absolute; top: -251px; padding-bottom: 0 !important;}
    footer#footer ul.footer-menu li a {padding: 5px 16px;}
    .Testimonial-Wrap h3{padding: 0 0 30px;}
    .Testimonial-Wrap h5{padding-bottom: 25px;}
    .about_img img{max-width: 86%;}
    #comming-soon {padding: 40px 0;}
}

/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .logo-container{margin: 0 auto;}
    .custom-navigation {width: 90%; margin: 0 auto;}
    .custom-navigation .container:after {left: -24px; border-top: 30px solid transparent; border-bottom: 23px solid transparent; border-right: 25px solid #ff6600;}
    .custom-navigation .container:before {right: -24px; border-top: 28px solid transparent; border-bottom: 26px solid transparent;
        border-left: 25px solid #ff6600;}
    .about_text h2{font-size: 26px; padding-bottom: 10px;}
    .about_text p{padding:0;}
    /* #Features_wrap p {width: 80%;margin: 0 auto;} */
    .categories .item{padding: 15px 5px;}
    .categories .item img {max-width: 60px;}
    .categories .item h2{margin-top:10px;}
    .block.video-testimonals .row [class*=col-] .block-testimonals {width: 85%; left: 10%; right: 0; text-align: center;}
    .block-testimonals h3 {font-size: 28px; line-height: 1.3;}
    #Features_wrap {padding: 0px 0;}
    .Testimonial-Wrap{padding: 30px 0 0;}
    .Testimonial-Wrap .about_text {padding: 0px 0 24px;}
    .Testimonial-Wrap h3 {font-size: 36px; padding: 0 0 24px;}
    .Testimonial-Wrap h5 {font-size: 20px; padding-bottom: 15px;}
    .Testimonial-Wrap p {font-size: 16px; line-height: 1.3; margin-bottom: 20px;}
    #comming-soon {padding: 20px 0;}
    footer#footer ul.footer-menu li a{font-size: 16px;padding:5px 8px;}


    footer#footer ul.footer-menu {
        text-align: right;
    }
    footer#footer ul.footer-menu li a {
        padding: 5px 10px;
    }
}


/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .logo-container {margin: 0 auto;}
    .custom-navigation {width: 90%; margin: 0 auto;}
    .custom-navigation .container:after {left: -24px; border-top: 30px solid transparent; border-bottom: 23px solid transparent; border-right: 25px solid #ff6600;}
    .custom-navigation .container:before {right: -24px; border-top: 28px solid transparent; border-bottom: 26px solid transparent; border-left: 25px solid #ff6600;}
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .logo-container {margin: 0 auto;}
    .custom-navigation {width: 90%; margin: 0 auto;}
    .custom-navigation .container:after {left: -24px; border-top: 30px solid transparent; border-bottom: 23px solid transparent; border-right: 25px solid #ff6600;}
    .custom-navigation .container:before {right: -24px; border-top: 28px solid transparent; border-bottom: 26px solid transparent; border-left: 25px solid #ff6600;}
}

@media only screen and (max-width: 767px){
    .splash-inner img {
        max-width: 88%;
    }
    /* footer#footer ul.footer-menu{display:none;} */
    a.logo img { margin: 0 auto; text-align: center;}
    .logo-container {margin: 0 auto; width: auto; text-align: center;}
    .custom-navigation {width: 80%; margin: 0 auto 20px;}
    .header-middle {padding: 10px 0;}
    .about_text img {max-width: 26px; padding-bottom: 10px;}
    .custom-navigation .container:after {left: -24px; border-top: 30px solid transparent; border-bottom: 23px solid transparent; border-right: 25px solid #ff6600;}
    .custom-navigation .container:before {right: -24px; border-top: 28px solid transparent; border-bottom: 26px solid transparent; border-left: 25px solid #ff6600;}
    .about_text h2,
    .about_text h3
    {color: #013173; font-size: 22px; padding-bottom: 10px;}
    .about_text p {color: #5f7186; padding: 0 12px; font-size: 14px;}
    .Header-wrapper .about_img img{display: none;}
    #Features_wrap .about_img img{display: block;}
    #Features_wrap .about_img img {max-width: 90%; padding: 0px 0 0; display: block !important; margin: 0 auto; max-width: 200px !important;}
    .btn_2{margin-bottom:20px;}
    #Features_wrap {padding: 40px 0;}
    #Features_wrap h2 {font-size: 26px;}
    #Features_wrap p {font-size: 13px; margin-bottom: 5px;}
    .categories .item{padding:12px 10px;}
    .categories .item img {max-width: 50px;}
    .categories .item h2 {margin-top: 5px;}
    #Features_wrap .about_text.text-left {text-align: center !important; margin: 0 auto; padding: 0;}
    #Features_wrap .about_text.text-left p {text-align: center !important; font-size: 14px;}
    .block.video-testimonals {padding-bottom: 0; margin-left: -30px; margin-right: 0px;}
    .block.video-testimonals .row [class*=col-] .block-testimonals {color: #fff; text-align: left; position: absolute; left: 85px;
        top: 33%; width: 75%; z-index: 1; transform: translateY(-50%); left: 0; right: 0; text-align: center; z-index: 2; margin: 0 auto;
   }
    .block-testimonals h3 {font-size: 20px; line-height: 1.3;}
    .block p:last-child {margin: auto;}
    .block.video-testimonals .row [class*=col-] .block-testimonals+img {
        /* top: -50px; position: relative; left: 12px; z-index: 0; height: 100%; width: 85%; margin: 0 auto !important; text-align: center;
        display: block; right: 0; z-index: 1;  */
        top: 0;
        position: relative;
        left: 40px;
        z-index: 0;
        height: 100%;
        width: 89%;
        margin: 0 auto !important;
        text-align: center;
        display: block;
        margin-top: -50px !important;
   }
    #Features_wrap .about_text.text-left {text-align: center !important; margin: 0 auto; padding: 0;}    
    #Features_wrap .about_text.text-left p {text-align: center !important; font-size: 15px;}    
    section.Header-wrapper.Testimonial-Wrap {padding-top: 0;}    
    section.Header-wrapper.Testimonial-Wrap .about_text {padding: 20px 0;}    
    section.Header-wrapper.Testimonial-Wrap .about_text h3 {font-size: 28px; padding: 30px 0 5px;}    
    section.Header-wrapper.Testimonial-Wrap .about_text h5 {font-size: 20px; padding-bottom: 10px;}    
    section.Header-wrapper.Testimonial-Wrap .about_text p {color: #fff;}    
    section.Header-wrapper.Testimonial-Wrap .about_img img {display: none !important;}
    #comming-soon {padding: 10px 0;}
    #comming-soon h2 {font-size: 24px; padding-bottom: 0; margin-bottom: 0;}
    footer#footer{text-align: center;}
    footer#footer ul.footer-menu li a {font-size: 16px; color: #000; padding: 5px 5px; text-transform: uppercase; margin-top: 10px; display: block;}
    .Testimonial-Wrap {background: url(../jpg/bg-testimonals-2.jpg) no-repeat center center !important; padding: 65px 0 0; background-size: cover !important;}

    section.section2 .block-title.about_text {text-align: center !important;}
    section.section2 .block .block-title {margin-bottom: 25px !important; position: relative; text-align: center; padding-top: 0;}
    .section2 .about-us .content ul li {display: flex; margin-bottom: 30px; text-align: center; float: none; flex-direction: column;}
    .section2 .about-us .content ul li .info {padding-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
    .section2 .about-us .content ul li .info h3{margin-bottom:15px;}
    .section2 img.mark-lazy {max-width: 70%; margin: 0 auto; text-align: center; display: block;}
    .section2 .about-us .content ul li .image {flex-shrink: 0; text-align: center; float: none; position: inherit; right: 0; margin-bottom: 20px;}
    .section2 ul {padding: 0; margin: 0;}
    .feature-also-wrap {padding-bottom: 0 !important;}
    .btn_2{padding:6px 14px;}
    #faq #faq-list a{font-size: 14px; line-height: 1.3;}
    #faq {padding: 20px 0; overflow: hidden;}
    footer#footer ul.footer-menu {
        padding: 0 0 0px;
        margin: 0;
        text-align: center !important;
    }
}

@media only screen and (max-width: 600px){
    body footer#footer ul.footer-menu li a {
        padding: 0px 3px;
        font-size: 13px;
        margin: 0;
    }
    body a.logo img {
        margin: 0 auto;
        text-align: center;
        height: 50px !important;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .logo-container {margin: 0 auto; width: auto;}
    .custom-navigation {width: 80%; margin: 0 auto 20px;}
    .custom-navigation .container:after {left: -24px; border-top: 30px solid transparent; border-bottom: 23px solid transparent; border-right: 25px solid #ff6600;}
    .custom-navigation .container:before {right: -24px; border-top: 28px solid transparent; border-bottom: 26px solid transparent; border-left: 25px solid #ff6600;}
    .about_text img {max-width: 26px; padding-bottom: 10px;}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape) {

    .logo-container{margin: 0 auto;}
    .custom-navigation {width: 90%; margin: 0 auto;}
    .custom-navigation .container:after {left: -24px; border-top: 30px solid transparent; border-bottom: 23px solid transparent; border-right: 25px solid #ff6600;}
    .custom-navigation .container:before {right: -24px; border-top: 28px solid transparent; border-bottom: 26px solid transparent;
        border-left: 25px solid #ff6600;}
    .about_text h2,
    .about_text h3
    {font-size: 26px; padding-bottom: 10px;}
    .about_text p{padding:0;}
    /* #Features_wrap p {width: 80%;margin: 0 auto;} */
    .categories .item{padding: 15px 5px;}
    .categories .item img {max-width: 60px;}
    .categories .item h2{margin-top:10px;}
    .block.video-testimonals .row [class*=col-] .block-testimonals {width: 85%; left: 10%; right: 0; text-align: center;}
    .block-testimonals h3 {font-size: 28px; line-height: 1.3;}
    #Features_wrap {padding: 0px 0;}
    .Testimonial-Wrap{padding: 30px 0 0;}
    .Testimonial-Wrap .about_text {padding: 0px 0 24px;}
    .Testimonial-Wrap h3 {font-size: 36px; padding: 0 0 24px;}
    .Testimonial-Wrap h5 {font-size: 20px; padding-bottom: 15px;}
    .Testimonial-Wrap p {font-size: 16px; line-height: 1.3; margin-bottom: 20px;}
    #comming-soon {padding: 20px 0;}
    footer#footer ul.footer-menu li a{font-size: 16px;padding:5px 8px;}
    .Testimonial-Wrap .about_img {position: absolute; top: -210px; padding-bottom: 0 !important;}
    
}

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

    .block.video-testimonals .row [class*=col-] .block-video img {
        position: relative;
        top: 0;
        right: 0;
        z-index: 1;
    }
    .block.video-testimonals .row [class*=col-] .block-testimonals {
        color: #fff;
        text-align: left;
        position: absolute;
        left: 85px;
        top: 33%;
        width: 75%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center; 
        z-index: 2;
        margin: 0 auto;
    }
    .block.video-testimonals .row [class*=col-] .block-testimonals+img {
        top: -50px;
        position: relative;
        left: 40px;
        z-index: 0;
        height: 100%;
        width: 100%;
        margin: 0 auto !important;
        text-align: center;
        display: block;
        left: 0;
        right: 0;
        margin: 0 auto;
    }


    footer#footer ul.footer-menu {
        text-align: right;
    }
    footer#footer ul.footer-menu li a {
        padding: 5px 10px;
    }
}