/*      Tablet Layout: 768px.    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .item-m-30 {
     margin-bottom: 30px;
    }
    .s-item-m-30 {
     margin-bottom: 30px;
    }
    .heading-title .title {
     font-size: 30px;
     line-height: 35px;
    }
    header .intro-text {
     padding-right: 0;
    }
    header .intro-text h1 {
     font-size: 45px;
     line-height: 45px;
    }
    header .intro-text span {
        font-size: 45px;
        line-height: 45px;
    }

    .single-features .features-icon::before {
     display: none;
    }
    .single-features .features-icon::after {
     display: none;
    }
    .features .features-ing-box .features-img img {
     width: 100%;
    }
    .features .features-ing-box .bullets-left::before {
     display: none;
    }
    .features .features-ing-box .bullets-left::after {
     display: none;
    }
    .features .features-ing-box .bullets-right::before {
     display: none;
    }
    .features .features-ing-box .bullets-right::after {
     display: none;
    }
    .screenshort .screenshort-count-centent {
     margin-left: 0px;
    }
    .heading-title p {
     width: 350px;
    }
    .single-item-p {
     margin-bottom: 30px;
    }
    .single-item-p:last-child {
     margin-bottom: 0px;
    }
    footer .input-group {
     width: 40%;
    }

    /*  Gradient Responsive  */
    .gradient .item-m-30 {
     margin-bottom: 30px;
    }
    .gradient .s-item-m-30 {
     margin-bottom: 30px;
    }
    .gradient .heading-title .title {
     font-size: 30px;
     line-height: 35px;
    }
    .gradient header .intro-text {
     padding-right: 0;
    }
    .gradient header .intro-text h1 {
     font-size: 45px;
     line-height: 45px;
    }
    .gradient header .intro-text span{
     padding-right: 0;
    }    
    .gradient .single-features .features-icon::before {
     display: none;
    }
    .gradient .single-features .features-icon::after {
     display: none;
    }
    .gradient .features .features-ing-box .features-img img {
     width: 100%;
    }
    .gradient .features .features-ing-box .bullets-left::before {
     display: none;
    }
    .gradient .features .features-ing-box .bullets-left::after {
     display: none;
    }
    .gradient .features .features-ing-box .bullets-right::before {
     display: none;
    }
    .gradient .features .features-ing-box .bullets-right::after {
     display: none;
    }
    .gradient .screenshort .screenshort-count-centent {
     margin-left: 0px;
    }
    .gradient .heading-title p {
     width: 350px;
    }
    .gradient .single-item-p {
     margin-bottom: 30px;
    }
    .gradient .single-item-p:last-child {
     margin-bottom: 0px;
    }
    .gradient footer .input-group {
     width: 40%;
    }
    .text_rotate header .intro-text span {
        font-size: 45px;
        line-height: 45px;
    }
}

/*======================  Mobile Layout: 320px. =======================  */

@media only screen and (max-width: 767px) {
    .navbar-light .navbar-toggler {
        border: medium none;
        color: #ffffff;
        font-size: 25px;
        outline: medium none;
    }
    .navbar-nav {
        border-top: 1px solid #ffffff;
        margin-top: 15px;
        position: relative;
        z-index: 1;
    }
    .nav-item {
        margin-top: 15px;
    }    
    .nav-item {
        in-top: 15px;
    }
    .heading-title {
        text-align: center;
    }
    .heading-title .title {
        font-size: 30px;
        line-height: 35px;
    }
    .heading-title p {
        width: 100%;
    }
    .item-m-30 {
        margin-bottom: 30px;
    }
    .s-item-m-30 {
        margin-bottom: 30px;
    }
    header .intro-text {
        margin-top: 100px;
        padding-right: 15px;
    }
    header .header-img img {
        width: 100%;
    }
    header .intro-text h1 {
        font-size: 45px;
        line-height: 50px;
    }
    header .intro-text span {
        font-size: 45px;
        line-height: 50px;
    }    
    .active_btn,
    .button-l {
        padding: 0 25px;
    }
    .features .feature-text-left .single-features .single-features-t,
    .features .feature-text-right .single-features .single-features-t {
        display: block;
    }
    .single-features-t {
        text-align: center;
    }
    .single-features .features-icon {
        display: block;
    }
    .single-features .features-icon::before {
        display: none;
    }
    .single-features .features-icon::after {
        display: none;
    }
    .features-img {
        margin-top: 50px;
    }
    .screenshort .screenshots-right .owl-carousel .owl-wrapper-outer .owl-item.active {
        transform: scale(1.8);
    }
    .screenshort .screenshots-right img {
        box-shadow: none;
        padding: 0 15px;
        width: 100%;
    }
    .screenshort .owl-pagination {
        margin: 15px auto 0;
        transform: translate(46%);
    }
    .video-area .video-bottom-text p {
        width: 100%;
    }
    .testimonial .owl-pagination {
        margin: 15px auto 0;
        transform: translate(39%);
    }
    .video-area-btn {
        position: relative;
        background: url("../images/video-bg.jpg") no-repeat center center / cover;
        position: relative;
        z-index: 1;
        margin-top: 50px;
    }
    .video-area-btn::before {
        background: #00abee;
        opacity: 0.8;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        z-index: -1;
    }
    .video-area::before {
        display: none;
    }
    .video-area::after {
        display: none;
    }
    .single-item-p {
        margin-bottom: 30px;
    }
    .single-item-p:last-child {
        margin-bottom: 0px;
    }
    .latest-news-single {
        margin-bottom: 30px;
    }
    .latest-news-single:last-child {
        margin-bottom: 0px;
    }
    .blog-area .blog-single-box .images-video span {
        transform: translate(0%, -5%);
    }
    .screenshort .screenshort-count-centent {
        margin-left: 0;
        padding: 0 30px;
    }
    .testimonial .owl-prev {
        left: -15px;
    }
    .testimonial .owl-next {
        right: -15px;
    }
    footer .input-group {
        width: 100%;
    }
    footer .social-links li {
        margin: 2px;
    }
    .slider-header header .intro-text {
        margin-top: 120px;
    }
    .text_rotate header .intro-text span {
        font-size: 45px;
        line-height: 45px;
    }

/*  Gradient Responsive  */
    .gradient .navbar-light .navbar-toggler {
        border: medium none;
        color: #ffffff;
        font-size: 25px;
        outline: medium none;
    }
    .gradient .navbar-nav {
        background: rgba(0, 0, 0, 0) linear-gradient(125deg, #3452ff, #ff1053);
        padding-bottom: 15px;
    }
    .gradient .nav-item {
        margin-top: 15px;
    }
    .gradient .heading-title {
        text-align: center;
    }
    .gradient .heading-title .title {
        font-size: 30px;
        line-height: 35px;
    }
    .gradient .heading-title p {
        width: 100%;
    }
    .gradient .item-m-30 {
        margin-bottom: 30px;
    }
    .gradient .s-item-m-30 {
        margin-bottom: 30px;
    }
    .gradient header .intro-text {
        margin-top: 100px;
        padding-right: 15px;
    }
    .gradient header .header-img img {
        width: 100%;
    }
    .gradient header .intro-text h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .gradient header .intro-text span {
        font-size: 45px;
        line-height: 50px;
    }
    .gradient .active_btn,
    .gradient .button-l {
        padding: 0 25px;
    }
    .gradient .features .feature-text-left .single-features .single-features-t,
    .gradient .features .feature-text-right .single-features .single-features-t {
        display: block;
    }
    .gradient .single-features-t {
        text-align: center;
    }
    .gradient .single-features .features-icon {
        display: block;
    }
    .gradient .single-features .features-icon::before {
        display: none;
    }
    ..gradient single-features .features-icon::after {
        display: none;
    }
    .gradient .features-img {
        margin-top: 50px;
    }
    .screenshort .screenshots-right .owl-carousel .owl-wrapper-outer .owl-item.active {
        transform: scale(1.8);
    }
    .gradient .screenshort .screenshots-right img {
        box-shadow: none;
        padding: 0 15px;
        width: 100%;
    }
    .gradient .screenshort .owl-pagination {
        margin: 15px auto 0;
        transform: translate(41%);
    }
    .gradient .video-area .video-bottom-text p {
        width: 100%;
    }
    .gradient .testimonial .owl-pagination {
        margin: 15px auto 0;
        transform: translate(39%);
    }
    .gradient .video-area-btn {
        position: relative;
        background: url("../images/video-bg.jpg") no-repeat center center / cover;
        position: relative;
        z-index: 1;
        margin-top: 50px;
    }
    .gradient .video-area-btn::before {
        background: #00abee;
        opacity: 0.8;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        z-index: -1;
    }
    .gradient .video-area::before {
        display: none;
    }
    .gradient .video-area::after {
        display: none;
    }
    .gradient .single-item-p {
        margin-bottom: 30px;
    }
    .gradient .single-item-p:last-child {
        margin-bottom: 0px;
    }
    .gradient .latest-news-single {
        margin-bottom: 30px;
    }
    .gradient .latest-news-single:last-child {
        margin-bottom: 0px;
    }
    .gradient .blog-area .blog-single-box .images-video span {
        transform: translate(0%, -5%);
    }
    .gradient .screenshort .screenshort-count-centent {
        margin-left: 0;
        padding: 0 30px;
    }
    .gradient .testimonial .owl-prev {
        left: -15px;
    }
    .gradient .testimonial .owl-next {
        right: -15px;
    }
    .gradient footer .input-group {
        width: 100%;
    }
    ..gradient  footer .social-links li {
        margin: 2px;
    }

}

/*  Wide Mobile Layout: 480px    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    header .intro-text h1 {
        font-size: 60px;
        line-height: 70px;
    }
    header .intro-text span {
        font-size: 60px;
        line-height: 70px;
    }
    .s-item-m-30 {
        margin-bottom: 0px;
    }
    .screenshort .owl-pagination {
        margin: 15px auto 0;
    }
    .testimonial .owl-pagination {
        margin: 15px auto 0;
        transform: translate(41%);
    }
    .screenshort .screenshots-right .owl-carousel .owl-wrapper-outer .owl-item.active {
        transform: scale(1);
    }    
    .blog-area .blog-single-box .images-video span {
        transform: translate( 0%, 25%);
    }
    footer .input-group {
        width: 65%;
    }

/*  Gradient Responsive  */    
    .gradient header .intro-text h1 {
        font-size: 60px;
        line-height: 70px;
    }
    .gradient header .intro-text span {
        font-size: 60px;
        line-height: 70px;
    }
    .gradient .s-item-m-30 {
        margin-bottom: 0px;
    }
    .gradient .screenshort .owl-pagination {
        margin: 15px auto 0;
        transform: translate(41%);
    }
    .gradient .testimonial .owl-pagination {
        margin: 15px auto 0;
        transform: translate(41%);
    }
    .gradient .blog-area .blog-single-box .images-video span {
        transform: translate( 0%, 25%);
    }
    .gradient  .screenshort .screenshots-right .owl-carousel .owl-wrapper-outer .owl-item.active {
        transform: scale(1);
    }        
    .gradient footer .input-group {
        width: 65%;
    }
}