@media only screen and (max-width:1439px){
    .hero-sm-icon.hero-clock-icon-5{right:10%;top:33%;}
    .hero-sm-icon.hero-clock-icon-7{top:75%;right:2%;}
    @-webkit-keyframes clock-move{
        0%{left:8%;top:10%;transform:rotate(0deg);}
        50%{left:13%;top:17%;transform:rotate(-14deg);}
        100%{left:8%;top:10%;transform:rotate(0deg);}
    }
    @keyframes clock-move {
        0%{left:8%;top:10%;transform:rotate(0deg);}
        50%{left:13%;top:17%;transform:rotate(-14deg);}
        100%{left:8%;top:10%;transform:rotate(0deg);}
    }
    @-webkit-keyframes copyfile-move{
        0%{right:8%;top:10%;transform:rotate(0deg);}
        50%{right:11%;top:17%;transform:rotate(-14deg);}
        100%{right:8%;top:10%;transform:rotate(0deg);}
    }
    @keyframes copyfile-move{
        0%{right:8%;top:10%;transform:rotate(0deg);}
        50%{right:11%;top:17%;transform:rotate(-14deg);}
        100%{right:8%;top:10%;transform:rotate(0deg);}
    }
    @-webkit-keyframes chart-move{
        0%{right:10%;top:30%;}
        50%{top:40%;}
        100%{top:30%;}
    }
    @keyframes chart-move{
        0%{right:10%;top:30%;}
        50%{top:40%;}
        100%{top:30%;}
    }
    @-webkit-keyframes calander-move{
        0%{right:2%;}
        50%{right:9%;}
        100%{right:2%;}
    }
    @keyframes calander-move{
        0%{right:2%;}
        50%{right:9%;}
        100%{right:2%;}
    }
}
@media only screen and (max-width:1365px){
    .container{max-width: 1170px;}
    h1{font-size: 44px;}
    h2{font-size: 34px;}

    .hero-sm-icon.hero-clock-icon-0{left:2%;}
    .hero-sm-icon.hero-clock-icon-1{left:8%;top:40%;}
    .hero-sm-icon.hero-clock-icon-2{top:52%;left:7%;}
    .hero-sm-icon.hero-clock-icon-3{top:70%;left:2%;}
    .hero-sm-icon.hero-clock-icon-4{top:10%;right:2%;}
    .hero-sm-icon.hero-clock-icon-5{top:30%;right:8%;}
    .hero-sm-icon.hero-clock-icon-6{top:52%;right:7%;}
    .hero-sm-icon.hero-clock-icon-7{top:75%;right:2%;}
    @-webkit-keyframes clock-move{
        0%{left:2%;}
        50%{left:5%;top:17%;}
        100%{left:2%;top:10%;}
    }
    @keyframes clock-move {
        0%{left:2%;}
        50%{left:5%;top:17%;}
        100%{left:2%;top:10%;}
    }
    @-webkit-keyframes readfile-move{
        0%{left:8%;top:40%;}
        50%{top:30%;}
        100%{top:40%;}
    }
    @keyframes readfile-move{
        0%{left:8%;top:40%;}
        50%{top:30%;}
        100%{top:40%;}
    }
    @-webkit-keyframes chat-move {
        0%{left:11%;top:52%;}
        50%{top:60%;left:4%;}
        100%{left:11%;top:52%;}
    }
    @keyframes chat-move {
        0%{left:11%;top:52%;}
        50%{top:60%;left:4%;}
        100%{left:11%;top:52%;}
    }
    @-webkit-keyframes group-move{
        0%{left:2%;top:70%;transform:rotate(0deg);}
        50%{top:78%;}
        100%{top:70%;}
    }
    @keyframes group-move {
        0%{left:2%;top:70%;transform:rotate(0deg);}
        50%{top:78%;}
        100%{top:70%;}
    }
    @-webkit-keyframes copyfile-move{
        0%{right:2%;top:10%;}
        50%{right:5%;top:17%;}
        100%{right:2%;top:10%;}
    }
    @keyframes copyfile-move{
        0%{right:2%;top:10%;}
        50%{right:5%;top:17%;}
        100%{right:2%;top:10%;}
    }
    @-webkit-keyframes copyfile-move{
        0%{right:2%;top:10%;}
        50%{right:5%;top:17%;}
        100%{right:2%;top:10%;}
    }
    @keyframes copyfile-move{
        0%{right:2%;top:10%;}
        50%{right:5%;top:17%;}
        100%{right:2%;top:10%;}
    }
    @-webkit-keyframes chart-move{
        0%{right:8%;top:30%;}
        50%{top:40%;}
        100%{top:30%;}
    }
    @keyframes chart-move{
        0%{right:8%;top:30%;}
        50%{top:40%;}
        100%{top:30%;}
    }
    @-webkit-keyframes piccrop-move{
        0%{right:11%;top:52%;}
        50%{top:60%;right:4%;}
        100%{right:11%;top:52%;}
    }
    @keyframes piccrop-move{
        0%{right:11%;top:52%;}
        50%{top:60%;right:4%;}
        100%{right:11%;top:52%;}
    }
    @-webkit-keyframes calander-move{
        0%{right:2%;}
        50%{right:4%;}
        100%{right:2%;}
    }
    @keyframes calander-move{
        0%{right:2%;}
        50%{right:4%;}
        100%{right:2%;}
    }

    .there-we-go-scn .image-content-view-main{padding:40px;}
    .there-we-go-scn .image-content-view-main .image-view{right:0;}

    .running-business-scn{padding:50px 0 60px;}
    .use-of-application-scn .custom-blockquote{margin-bottom:52px;}
    .custom-blockquote p{font-size:25px;line-height:45px;}
    .custom-blockquote p:after{width:80px;height:29px;}
    .image-content-view-main.built-image-content-view .image-view{width:49%;}
    .image-content-view-main.built-image-content-view .content-view{width:50%;}
    .image-content-view-main.built-image-content-view .content-view h2{font-size:40px;line-height:58px;margin:0 0 32px;}
    .image-content-view-main.built-image-content-view .content-view p{margin:0 0 14px;}
    .use-of-application-bottom .grid-card{margin:60px 0 0;}
    .grid-card-col .grid-card-top{margin-bottom:24px;}
    .grid-card-col .grid-card-top h3{width:calc(100% - 81px);margin-left:22px;font-size:26px;line-height:40px;}
    .built-team-accordion .card{padding:33px;margin:40px 0;}
    .built-team-accordion .card-header a{font-size:26px;line-height:44px;}
    .built-team-accordion .card-header a .icon{margin-right:24px;}
    .built-team-accordion .card-body{margin-top:22px;}
    .built-key-point-row{margin:60px 0;}
    .built-key-point .image-content-view-main.built-image-content-view .content-view{width:49%;}
    .built-key-point .image-content-view-main.built-image-content-view .image-view{width:49%;}
    .key-point-view{margin-top:35px;}
    .key-point-view .key-point-title-view{padding:25px 50px;margin-bottom:28px;}
    .key-point-view .key-point-title-view::before{width:65px;height:65px;}
    .key-point-title-view .key-point-title{font-size:30px;line-height:41px;}
    .key-point-title-view .key-point-title::after{width:50px;}
    .key-point-list{gap:28px;}
    .key-point-list li{padding:25px 20px 25px 70px;font-size:20px;line-height:30px;}
    .key-point-list li::before{width:35px;height:35px;left: 20px;top: 22px;}

    .get-in-touch .content-left .title{font-size: 40px;}
    .contact-list li + li{margin-top: 25px;}
    .live-chat{margin-top: 50px;}
    .get-in-touch .content-right{height: 697px;}
    .get-in-touch .content-right .center-icon{ width: 132px; height: 132px;}
    .get-in-touch .content-right .contact-right-banner{height: 456px;}
    .contact-form .content-inner{padding: 65px;}

    .blog-section-header h2{font-size:30px;line-height:39px;}
    .project-roller-blog-scn{padding:60px 0 80px;}
    .blog-list-title h2{font-size:44px;line-height:61px;margin:0 0 30px;}
    .blog-list-tab-view{margin:78px 0 40px;}
    .project-roller-blog-scn .tab-content-title{margin:0 0 35px;}
    .project-roller-blog-scn .tab-content-title h3{font-size:30px;line-height:40px;}
    .project-roller-blog-scn .blog-section-header h2{margin-bottom: 35px;font-size: 30px;line-height: 40px;}
    .blog-list-tab-slide .tab-slide-cnt h3{font-size:26px;line-height:40px;margin:20px 0 16px;}
    .latest-post-scn{padding:60px 0 80px;}
    .latest-post-scn .blog-section-header{margin-bottom:40px;}
    .article-scn{padding:60px 0 80px;}
    .article-scn .blog-section-header{margin-bottom:40px;}
    .product-updates-scn{padding:60px 0 80px;}
    .product-updates-scn .blog-section-header{margin-bottom:40px;}

    .blog-detail-main .blog-detail-top::before, .blog-page-heading::before{height:348px;}
    .blog-page-heading{padding-top: 70px;}
    .blog-detail-main{padding:70px 0 0;}
    .blog-detail-main .blog-detail-title{margin:28px 0 44px;}
    .blog-detail-title h2{font-size:32px;line-height:52px;}
    .blog-detail-main .blog-detail-main-img{margin:0 0 50px;}

    .get-in-touch .content-left .title{font-size: 40px;}
    .contact-list li + li{margin-top: 25px;}
    .live-chat{margin-top: 50px;}
    .get-in-touch .content-right{height: 697px;}
    .get-in-touch .content-right .center-icon{ width: 132px; height: 132px;}
    .get-in-touch .content-right .contact-right-banner{height: 456px;}

    .contact-form .content-inner{padding: 65px;}

    footer .request-demo-div img{width: 410px;}
    .roller-form-div .form-group{width: 380px;}
    .accordian-section .shape-triangle-green{left: 20px;bottom: -70px;}
    .accordian-section .shape-square-yellow{top: -70px;}
    .left-right-main .shape-triangle-green{left: -10px;}
    .left-right-main .shape-circle-yellow{right: -10px;}
    .advantage-tabbing-main .tab-content{margin-left: 40px;}
    .question-content-main .right{padding: 30px 30px;width: 470px;}
    header .navbar-collapse.right .navbar-nav li{margin-left: 15px;}
    .question-content-main{padding: 40px 25px;}
    .question-content-main .left{width: calc(100% - 470px - 30px);}
    .question-content-main ul li{margin: 0 0 65px;}

    .project-roller-cycle-view .project-roller-right{width: 490px}
    .left-right-main .content{max-width: 460px;}
    .left-right-main .image-main{width: calc(100% - 460px - 30px);}
    .left-right-main .content ul li{margin-bottom: 2px;}
    .join-us-div h2{margin-bottom: 22px;font-size: 24px;}
    .join-us-div .img-main{width: 430px;}
    .join-us-div .content{width: calc(100% - 430px - 30px);}
    .join-us-div{margin: 80px 0;padding: 30px 60px 0 40px;}

    .project-roller-cycle{width: 400px;height: 400px;}
    .roller-cycle-items .item{width: 50px;height: 50px;}
    .roller-cycle-items .item img{width: 27px;height: 27px;}
    .project-roller-cycle-view .project-roller-right{width: calc(100% - 460px - 90px);}
    .cycle-content-view{padding: 30px;}
    .project-roller-cycle-view .project-roller-left{width: 460px;padding: 0 20px;}
    .project-roller-cycle-view .project-roller-left:before{right: -60px;}
    .project-roller-cycle .project-roller-middle-circle{width: 200px;height: 200px;padding: 14px;}
    .project-roller-middle-circle .project-roller-cycle-logo .cycle-logo-inr{width: 121px;height: 24px;object-fit: contain;}

    footer .left{width: 520px;}
    footer .logo-div{width: 260px;height: 160px;}
    footer .footer-line{width: calc(100% - 260px);height: 160px;}
    footer .bottom-footer{height: calc(100% - 160px);}
    footer .request-demo-div{width: calc(100% - 520px);}

    .demo-deliver-section h2{margin: 0 auto 40px;}

    .pricing-features table tr th:not(:first-child){padding: 0;}
}
@media only screen and (max-width:1199px){
    .hero-section{height:650px;}
    .hero-main .video-div{width:620px;height:400px;}
    .hero-section::after{width:920px;height:750px;transform:translateY(418px);}

    .faq-hero{ padding: 100px 0; }
    .faq-hero h1{ margin: 0 0 50px; }
    .faq-main{ padding: 0; }

    .there-we-go-scn .image-content-view-main .image-view{right: 0;}

    /* blog css */
    .blog-page-heading h2 {
        font-size: 30px;
        line-height: 45px;
    }
    .blog-page-heading{
        margin-bottom: 35px;
        padding-bottom: 25px;
    }
    .tz-pagination{margin: 30px 0 40px;}
    .category-list .blog-list-tab {
        padding: 14px 15px 14px 10px;
    }
    .blog-page-heading .search-help .form-control{
        padding: 12px 12px 12px 33px;
    }
    .blog-page-heading .blog-search-form .search-icon {
        left: 13px;
        height: 16px;
        width: 15px;
        top: 13px;
    }
}

@media (max-width: 1099px) {

    .hero-sm-icon{ display: none; }

    .sticky-pricing-wrap {display: block;}
    .pricing-features table.desktop-table {display: none;}
    .hero-section.pricing-plan-hero{padding-bottom: 20px;}
    .pricing-plan{padding: 20px 0;}
    .pricing-plan .pricing-features .feature-title > span{display: none;}
    .pricing-plan .pricing-features .feature-title > p:after,
    .pricing-plan .pricing-features .feature-title > p:before {content: none;}
    .pricing-plan .pricing-features .feature-title > p{ width: 100%; background: transparent; padding: 0; text-align: center; color: #000; font-weight: 500; margin-bottom: 20px;}
    .pricing-features .feature-details .plan-type{width: 157px; padding: 9px 10px;}
    .pricing-features .feature-details .plan-type .plan-type-title{text-align: center;}
    .sticky-pricing-wrap .nav{justify-content: center;}
    .sticky-pricing-wrap .nav li + li {margin-left: 20px;}
    .sticky-pricing-wrap .nav li a:not(.active) .plan-type{background: transparent;}
    .sticky-pricing-wrap .nav li a:not(.active) .plan-type .plan-type-title{color: #ef6b33;}
    .pricing-features table {display: table; margin-top: 20px;}
    .pricing-features table .feature-content p{width: auto; line-height: 1.7; font-size: 14px;}
    .pricing-features table tr td .plan-included{width: auto; padding: 0; background: transparent;}
    .pricing-features table tr:nth-child(2) td:first-child .feature-content,
    .pricing-features table tr:last-child td .plan-included{padding-bottom: 0;}
    .pricing-features table tr:nth-child(2) td .plan-included,
    .pricing-features table tr:last-child td:first-child .feature-content{padding-top: 0; }
    .pricing-features table tr td .plan-included:before{content: none;}
    .pricing-features table tr td{border-bottom: 1px solid #EAEAEA;}
    .pricing-features .plan-included span.tick{border-right-color: #ee6931; border-bottom-color: #ee6931; width: 11px; height: 19px;}
    .pricing-features table tr td{width: 80%; height: 70px;}
    .pricing-features table tr td:last-child{width: 20%;}
    .pricing-features .plan-included span.text,
    .pricing-features .plan-included.freelancer span.text{color: #ee6931;}
    .pricing-features .plan-included span.cross,
    .pricing-features .plan-included span.cross:before{background: #ee6931; height: 23px;}
    .pricing-features table tr:last-child td {border-bottom: none;}
    .pricing-features table tr td .plan-included.freelancer{background: transparent;}
    .pricing-plan .pricing-features table{width: 70%; margin: 20px auto;}
    .sticky-pricing-wrap .tab-content .plan{ width: 70%; margin: 20px auto 0; background: #f36f38; border-bottom: none; border-radius: 20px;}
    .sticky-pricing-wrap .tab-content #freelancer-tab .plan{background: #fffaf4;}
    .sticky-pricing-wrap .tab-content #freelancer-tab .plan-rate p { color: #DF7E15;}
    .sticky-pricing-wrap .tab-content #freelancer-tab .plan-rate p span {color: #000;}
    .sticky-pricing-wrap .tab-content #freelancer-tab .num-of-user p{color: #DB8900;}
    .sticky-pricing-wrap .tab-content #freelancer-tab .free-trial button { background: #E57328; color: #fff; border-color: #E57328;}
    .sticky-pricing-wrap .tab-content #freelancer-tab .num-of-user p{margin-left: 0;}

    header .navbar{padding: 23px 15px;}
    .image-content-view-main .content-view{padding-right: 40px;}
    .image-content-view-main .content-view h2{font-size: 35px;}
    .blog-detail-title h2{font-size: 28px; line-height: 42px; max-width: 66%;}
    .blog-detail-title .blog-author .blog-author-activity span{font-size: 14px;}
    .problem-solvers-scn .image-content-view-main .content-view{ width: 50%; margin-left: auto; padding-right: 0; padding-left: 20px;}
    .problem-solvers-scn .image-content-view-main .image-view{width: 50%; height: auto;}
    .client-says-scn{padding: 80px 0;}

    .feature-left-right-section .feature-left-right-main{padding: 80px 0;margin-bottom: 40px;}
    .feature-title-section .feature-title-div h2{font-size: 33px;}
    .feature-title-section .feature-title-div{padding: 80px 0 60px;}
    .left-right-main .content{max-width: 380px;}
    .left-right-main .image-main{width: calc(100% - 380px - 50px);}
    .feature-left-right-section .content h2{margin: 20px 0;font-size: 24px;}
    .feature-left-right-section .content h4{font-size: 16px;margin-bottom: 18px;}
    .task-filter-section .two-column-section{padding: 0 40px 40px;}
    .task-filter-section .two-column-section img{margin-bottom: 50px;}
    .task-filter-section .col-md-6, .task-filter-section .col-md-12{padding-right: 15px;padding-left: 15px;margin-bottom: 30px;}
    .task-filter-section .task-row-section .left{width: calc(100% - 510px - 40px);}
    .task-filter-section .task-row-section .right{width: 500px;}
    .task-filter-section .row{margin-right: -15px;margin-left: -15px;}
    .task-filter-section .task-column-section{padding: 40px 40px 0;}
    .task-filter-section .white-box {padding: 60px 50px;}
    .image-content-view-main.built-image-content-view .content-view h2::after{width: 90px;}
    .image-content-view-main.built-image-content-view .content-view h2{margin: 0 0 20px;font-size: 30px;line-height: 40px;}
    
    .demo-deliver-section .row{margin-right: -10px;margin-left: -10px;}
    .demo-deliver-section .col-md-4{padding-right: 10px;padding-left: 10px;margin-bottom: 20px;}
    .tab-pane .button-default {border-color: #fff; background: #fff; color: #ED6830;}
    .tab-pane .button-default:hover {background: transparent; color: #fff;}
    .pricing-features table tr:first-child td:first-child{padding-top: 0; padding-bottom: 0;}

    .subscription-section .content-left{padding-right: 90px;}

    /* blog page css */
    .blog-detail-main h2 { padding-right: 0; }
    .blog-page-heading .blog-author {margin: 15px 0 0;}
}

@media (min-width: 992px){
    header .navbar-expand-lg .resposnive-menu{display: none !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .get-in-touch .content-right .contact-right-banner{height: 466px; right: -70px;}
    .get-in-touch .content-right .center-icon{width: 132px; height: 132px; padding: 25px;}
    .get-in-touch{padding-top: 40px; padding-bottom: 30px;}
    .contact-form{padding: 30px 0;}
}

@media (max-width: 1024px) {
    .customer-slider-section {padding-bottom: 20px;}
    .advantage-tabbing-section {margin: 80px 0;}
    .problem-solvers-scn .image-content-view-main .content-view .highlight-sub-txt br {display: none;}

    .customer-div .slick-arrow {right: 30px;}
}

@media (max-width: 991px){
    h1{ font-size: 30px; }
    h2{ font-size: 26px; }
    
    header .navbar{ padding: 20px 0; }
    header .navbar-brand{width: 190px;top: auto;left: 15px;right: auto;position: relative;}
    header .navbar-toggler{z-index: 11111;margin-right: 10px;}
	header .navbar-toggler .icon-bar {width: 32px;transition: all 0.2s;margin: 4px 0;height: 4px;background: #EF5F37;display: flex;transition: all 0.4s linear;border-radius: 10px;}
	header .navbar-toggler .top-bar {transform: rotate(45deg);transform-origin: 21% 10%;}
	header .navbar-toggler .middle-bar {opacity: 0;}
	header .navbar-toggler .bottom-bar {transform: rotate(-45deg);transform-origin: 9% 50%;}
	header .navbar-toggler.collapsed .top-bar {transform: rotate(0);}
	header .navbar-toggler.collapsed .middle-bar {opacity: 1;} 
    header .navbar-toggler.collapsed .bottom-bar {transform: rotate(0);}
    header .navbar-collapse{position: absolute;top: 80px;right: -100% !important;z-index: 9;background-color: #fff;padding: 30px 0;height: 100vh;width: 100%;max-width: 100%;display: block;transition: right 0.3s ease-in-out;text-align: center;}
    header .navbar-collapse.show{right: 0 !important;}
    header .navbar-collapse .navbar-nav{width: 100%;margin: 40px auto 0;}
    header .navbar-collapse .navbar-nav li{margin: 0 0 20px 0;}
    header .navbar-collapse .navbar-nav li:last-child{margin-bottom: 0;}
    header .navbar-collapse .navbar-nav li a.nav-link{text-align: left;position: relative;display: inline-block;padding-right: 0;}
    header .navbar-collapse .navbar-nav li a.nav-link:hover, header .navbar-collapse .navbar-nav li a.nav-link:active, header .navbar-collapse .navbar-nav li a.nav-link:focus{color: #EF5F37;}
    /* header .navbar-collapse .navbar-nav li a.nav-link:before{position: absolute;right: 0;top: 0;bottom: 0;margin: auto;content: "";background: url(../images/menu-right-arrow.svg) no-repeat center center;background-size: cover;width: 7px;height: 12px;} */
    header .navbar-collapse .dropdown-menu{position: relative;top: 10px;padding: 10px 0;}
    header .navbar-collapse .dropdown-menu .submenu-block{flex-wrap: wrap;}
    header .navbar-collapse .dropdown-menu .single-block{max-width: 50%;}
    header .navbar-collapse .dropdown-menu .single-block .submenu-img{height: 150px;}
    header .navbar-collapse .dropdown-menu .single-block h5{margin-bottom: 10px;font-size: 17px;line-height: 24px;}
    header .navbar-collapse .dropdown-menu .single-block h4{font-size: 18px;line-height: 24px;}

    .question-content-main{ padding: 40px 20px; flex-wrap: wrap; }
    .question-content-main .left{ width: 100%; margin: 0 0 40px; }
    .question-content-main ul li{ margin: 0 0 40px; min-height: 106px; display: flex; align-items: center; }
    .question-content-main .right{ width: 100%; padding: 30px 20px 20px; }
    .question-content-main .right h2{ font-size: 18px; line-height: 1.4; padding: 15px 10px; }
    .question-content-main .right p{ padding: 15px 0; font-size: 15px; }
    .left-right-main{ flex-wrap: wrap; margin: 0 0 30px; }
    .left-right-main .content{ max-width: 100%; width: 100%; }
    .left-right-main .image-main{ width: 100%; order: -1; margin: 0 0 30px; }
    .advantage-tabbing-section{ margin: 70px 0; }
    .time-task-accordion-section h2{ max-width: 100%; margin: 0 0 40px; font-size: 26px; }
    .accordion-main{ flex-wrap: wrap; justify-content: center;}
    .time-task-accordion .card-header a{font-size: 18px; padding-right: 41px;}
    .time-task-accordion{ padding: 0; }
    .time-task-accordion:last-child{ padding: 0; }
    .customer-div{ padding: 0 0 50px; }
    .customer-div .custom-inner{ width: 100%; }
    .customer-div .slick-arrow{ top: auto; bottom: 0; transform: none; right: 0; }
    .customer-div .slick-arrow.slick-prev{ left: 0; transform: rotate(180deg); }

    .pricing-plan-page .hero-main:before{width: 100%;height: 100%;}
    .plan-benefit .benefit-title{font-size: 24px;}

    .faq-hero{ padding: 70px 0; }
    .faq-hero p{ margin: 0 0 10px; }
    .faq-hero h1{ font-size: 30px; margin: 0 0 30px; }
    .faq-section{ padding: 50px 0; }
    .faq-main{ padding: 0; flex-wrap: wrap; }
    .faq-main .left{ max-width: 100%; padding: 0; border: 0; margin: 0 0 60px;}
    .faq-main .right{ max-width: 100%; padding: 0; }
    .faq-accordion .card{ padding: 0 0 20px; }
    .faq-main .right .single-block .single{ margin: 0 0 25px; }
    .faq-main .right .single-block{ margin: 0 0 50px; }
    .faq-main .right .single-block h2{ font-size: 26px; padding: 0 0 15px; margin: 0 0 20px; }
    .faq-main .right .single-block h3{ font-size: 20px; margin: 0 0 10px; }
    .faq-accordion .card-body{ padding: 30px 0 0; }

    .evolution-scn h2{ font-size: 26px; line-height: 1.4; }
    .dynamic-virtual-scn{ padding: 50px 0 20px; }
    .image-content-view-main .content-view h2{ font-size: 26px; line-height: 1.4; }
    .image-content-view-main .content-view .highlight-sub-txt{ font-size: 16px; margin: 20px 0 15px; line-height: 1.4; }
    .image-content-view-main .content-view .project-roller-makes{ margin: 15px 0 0; }
    .image-content-view-main .content-view .project-roller-makes i{ width: 30px; height: 30px; }
    .image-content-view-main .content-view .project-roller-makes span{ font-size: 15px; }
    .grid-box-2-col-view{ grid-template-columns: 1fr; gap: 15px; }
    .grid-box-col{ padding: 30px 25px; }
    .problem-solvers-scn .image-content-view-main{ flex-wrap: wrap; }
    .problem-solvers-scn{ padding: 70px 0; }
    .problem-solvers-scn .image-content-view-main .image-view{ width: auto; height: 450px; text-align: center; margin: 0 auto 30px; }
    .problem-solvers-scn .image-content-view-main .content-view{ width: 100%;padding: 0;}

    .get-in-touch .content-left .title{font-size: 28px;}
    .get-in-touch .content-left{padding-right: 30px;}
    .contact-list li + li{margin-top: 32px;}
    .live-chat{margin-top: 45px;}
    .get-in-touch .content-right{height: 649px; }
    .contact-form .content-inner{padding: 35px;}
    .contact-form form .form-group{margin-bottom: 24px;}
    .contact-form form .form-group input[type="submit"]{margin-top: 24px;}
    .contact-form form .form-group label{font-size: 15px;}
    .contact-form form .form-group input,
    .contact-form form .form-group textarea{font-size: 15px;}

    .question-content-section{padding: 80px 0;}
    .project-roller-section{padding: 70px 0;margin: 0 0 80px;}
    .project-roller-cycle{margin: 0 auto;transform: rotate(90deg);}
    .project-roller-cycle-view{flex-direction: column;}
    .project-roller-cycle-view .project-roller-left{width: 100%;padding: 0;}
    .project-roller-cycle-view .project-roller-right{width: 85%;margin: 120px auto 0;}
    .cycle-content-view::after{right: -15px;top: -15px;border-right: 5px solid #EF5F37;border-top: 5px solid #EF5F37;left: auto;bottom: auto;border-bottom: 0;border-left: 0;}
    .project-roller-cycle-view .project-roller-left:before{right: 0;bottom: -80px;margin: auto;top: auto;left: 0;transform: rotate(90deg);}
    .roller-cycle-items .item img{transform: rotate(-90deg);}
    .project-roller-middle-circle .project-roller-cycle-logo{transform: rotate(-90deg);}
    .project-roller-right::after{top: auto;bottom: -50px;}
    .accordian-section .accordion .card{width: 100%;position: relative;}
    .accordian-section .accordion .card-body img{position: relative;right: 0;width: 100%;height: auto;top: auto;max-width: 100%;margin-top: 20px;}
    .hero-section::after{width: 780px;height: 630px;transform: translateY(348px);}
    .activity-report-main{padding: 80px 0;}
    .activity-report-main ul li{padding-right: 15px;margin-right: 15px;font-size: 15px;}

    .image-content-view-main .content-view{padding-right: 30px;}
    .running-business-scn{padding-bottom: 30px;}
    .use-of-application-scn{padding-top: 30px; padding-bottom: 50px;}
    .custom-blockquote p{font-size: 22px; line-height: 34px;}
    .use-of-application-bottom .grid-card{margin-top: 30px; gap: 40px;}
    .grid-card-col{padding: 30px;}
    .grid-card-col .grid-card-top h3{font-size: 22px; line-height: 32px;}
    .built-team-accordion .card-header a{font-size: 24px;}
    .built-team-accordion .card{padding: 25px 28px; margin: 30px 0;}
    .image-content-view-main.built-image-content-view .content-view h2{font-size: 35px; line-height: 52px;}
    .built-key-point-row{margin: 35px 0;}
    .blog-list-title h2{font-size: 34px; line-height: 41px; margin: 0 0 15px;}
    .blog-list-tab-view{margin: 32px 0 27px;}
    .blog-list-tab-slide .tab-slide-cnt h3{ font-size: 22px; line-height: 34px; margin: 5px 0 10px;}
    .project-roller-blog-scn .tab-content-title{margin: 0 0 20px;}
    .project-roller-blog-scn .blog-section-header h2{margin-bottom: 20px;}
    .blog-list-tab-slide .tab-slide-cnt .blog-author-view{margin-top: 20px;}
    .project-roller-blog-scn{padding: 30px 0 50px;}
    .latest-post-scn{padding: 35px 0 55px;}
    .latest-post-scn .blog-section-header{margin-bottom: 20px;}
    .blog-post-grid{grid-template-columns: 1fr 1fr;}
    .article-scn,
    .product-updates-scn{padding: 40px 0 50px;}
    .blog-detail-main .blog-detail-title{margin: 15px 0 30px; flex-wrap: wrap; justify-content: space-between;}
    .blog-detail-title .blog-author{margin: 0; margin-top: 10px; text-align: left;}
    .blog-detail-title .blog-author .blog-author-avatar{justify-content: flex-start; margin-bottom: 11px;}
    .blog-detail-title h2{line-height: 45px;}
    .blog-detail-title .blog-author .blog-author-activity span{font-size: 15px;}
    .blog-detail-main .blog-detail-main-img,
    .blog-detail-content .blog-detail-inner-image{ width: 100%; height: 393px; margin-bottom: 30px;}
    .image-content-view-main .content-view .project-roller-makes span{width: calc(100% - 47px);}
    .advantage-tabbing-main{margin-top: 40px;}
    .advantage-tabbing-main .nav-link{padding: 20px 18px;width: 280px;font-size: 18px;margin: 0 0 20px;}
    .advantage-tabbing-main .nav-link .icon{width: 40px;height: 40px;border-radius: 6px;margin-right: 13px;}
    .advantage-tabbing-main .nav-link i{width: 20px;height: 20px;}
    .advantage-tabbing-main .tab-content{margin-left: 20px;padding-left: 30px;}
    .advantage-tabbing-main .tab-content img{width: 100%;margin-bottom: 20px;}
    .join-us-div{flex-direction: column;}
    .join-us-div .img-main{width: 60%;margin-top: 30px;}
    .join-us-div .content{width: 100%;text-align: center;}
    .join-us-div .roller-form-div .form-group{margin: 20px auto 10px;}
    footer .bottom-footer{padding: 45px 0 30px;}
    footer .footer-div{flex-direction: column;}
    footer .left{width: 100%;}
    footer .request-demo-div{width: 100%;border-top: 1px solid #3D3D3D;border-left: 0;}
    footer .request-demo-div h2{margin: 20px 0 0;}
    footer .bottom-mail{align-items: flex-end;}
    footer .bottom-copyright{margin-top: 30px;}
    footer .bottom-copyright p{margin: 0 0 0 auto;}

    .feature-left-right-section .feature-left-right-main:after{width: 100%;height: 290px;bottom: auto;left: 0;}
    .feature-left-right-section .feature-left-right-main:before{width: 400px;height: 400px;top: -200px;bottom: auto;right: 0;left: 0;}
    .feature-title-section .feature-title-div h2{max-width: 100%;font-size: 28px;}
    .feature-left-right-section .feature-left-right-main{padding: 60px 0;margin-bottom: 20px;}
    .task-filter-section{margin: 60px 0 0;}
    .task-filter-section .two-column-section{padding: 0 30px 30px;}
    .task-filter-section .two-column-section img{margin-bottom: 30px;}
    .task-filter-section h4{margin: 10px 0;}
    .task-filter-section .task-row-section{flex-direction: column;padding: 30px 0 30px 30px;}
    .task-filter-section .task-row-section .left{padding-right: 30px;}
    .task-filter-section .task-row-section .left, .task-filter-section .task-row-section .right{width: 100%;}
    .task-filter-section .task-row-section .right{width: 100%;margin: 30px 0 0}
    .task-filter-section .task-column-section{padding: 30px 30px 0;}
    .task-filter-section .white-box{padding: 40px 30px;}
    .key-point-list li{grid-column: 1 / -1;}

    .demo-title-section{margin: 0 0 80px;}
    .demo-title-section .title-div h2{font-size: 23px;}

    .benefit-accordian-section .accordion .card .image-main{width: 100%;position: relative;padding: 0;}
     .subscription-section .content-left{padding-right: 70px;}
     .there-we-go-scn{ padding: 50px 0 0; }

     /* blog css */
     .left-blog{order: 1;}
     .tz-pagination{order: 2;}
     .right-blog{order: 3;}
     .category-list, .newsletter-section{max-width: 400px;margin: 0 auto 30px;}
     .sidebar-social-section{margin-bottom: 30px; padding: 0;}
     .blog-detail-main .blog-page-heading { margin: 28px 0 35px; padding: 0 0 30px;}
     .blog-page-heading-inn{ flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px;}

     .contact-form form .form-group select {height: 50px!important; padding: 0 18px;}
     .contact-form form .form-group.select-type:before {top: 58px;}
     .contact-form form .form-group input, 
     .contact-form form .form-group textarea {padding: 13px 18px;}

     .join-us-div {margin: 30px 0 60px;}
     .project-roller-cycle{
        width: 320px;	
        height: 320px;
    }

    .advantage-tabbing-main{ flex-wrap: wrap; }
    .advantage-tabbing-main .nav{ width: 100%; margin: 0 0 40px; }
    .advantage-tabbing-main .tab-content{ width: 100%; margin: 0; padding: 0; }
    .advantage-tabbing-main .tab-content:before, .advantage-tabbing-main .tab-content:after{ display: none; }
    .advantage-tabbing-main .nav{flex-direction: row !important;display: grid;grid-template-columns: 1fr;gap: 20px; padding-right: 14px;}
    .advantage-tabbing-main .nav-link {width: 100%;}
    .advantage-tabbing-main .nav-link.active:after{right: -19px;}
    .image-content-view-main .content-view .project-roller-makes {width: 100%;}
    .image-content-view-main .content-view .image-content-view-inr-list li:last-child {margin-bottom: 0;}
    .problem-solvers-scn .image-content-view-main .content-view .highlight-sub-txt {margin-top: 28px;}
}


@media (max-width: 767px){
    .banner-button{margin-bottom: 15px;}
    .customer-div .customer-img:before,.customer-div .customer-img span{height: 100px; width: 100px;}
    .activity-report-main{ padding: 80px 0; }
    .activity-report-main ul li{ font-size: 13px; padding-right: 10px; margin-right: 10px; }
    .accordian-section .accordion .card{ width: 100%; }
    .accordian-section .accordion .card-body img{ position: static; width: 100%; margin: 15px 0 0; }
    .question-content-section{ padding: 70px 0; }
    .question-content-main{ padding: 30px 15px; }
    .advantage-tabbing-main .nav-link{ width: 100%;margin: 0;}
  
    .blog-section .blog-div .blog-detail{padding: 0 22px 15px;}
    .blog-list-tab-view{ flex-wrap: wrap; }
    .blog-list-tab{ width: 100%; }
    .blog-list-tab-slide{ flex-wrap: wrap; }
    .blog-list-tab-slide .tab-slide-img{ width: 100%; }
    .blog-list-tab-slide .tab-slide-cnt{ width: 100%; margin: 30px 0 0; }
    .get-in-touch{padding-top: 20px; padding-bottom: 20px;}
    .get-in-touch .content-right{position: relative; order: -1; width: 100%; height: 380px; display: flex; flex-wrap: wrap; align-content: center; margin-bottom: 30px;}
    .get-in-touch .content-left{width: 100%; padding-right: 0;}
    .get-in-touch .content-left .icon{width: 55px; margin-bottom: 10px;}
    .get-in-touch .content-left p{margin: 8px 0 24px; line-height: 1.5;}
    .contact-list li + li{margin-top: 15px;}
    .contact-list li .icon.phone{width: 20px; margin-right: 20px;}
    .contact-list li .icon.mail{width: 25px;}
    .contact-list li a{font-size: 15px;}
    .live-chat{margin-top: 20px;}
    .live-chat h3{font-size: 24px;}
    .get-in-touch .content-left .live-chat p{margin: 10px 0 18px;}
    .live-chat button{padding: 10px 20px; font-size: 15px;}
    .contact-form{padding: 20px 0;}
    .contact-form .content-inner{padding: 25px;}
    .contact-form form .form-group{margin-bottom: 16px; width: 100%;}
    .contact-form form .form-group select{height: 50px !important;}
    .contact-form form .form-group.select-type:before{top: 58px;}
    .contact-form form .form-group input, .contact-form form .form-group textarea{padding: 12px 24px;}
    .get-in-touch .content-right .center-icon{ width: 82px; height: 82px; padding: 16px;  left: 50%; top: auto; transform: translate(-50%,0); bottom: -40px;}
    .get-in-touch .content-right .contact-right-banner{height: 256px; width: 318px; position: static; transform: none; right: -350px; margin: 0 auto;}
    .get-in-touch .content-right .contact-right-banner img{object-position: center center;}
    
    .pricing-plan .pricing-features table{width: 100%;}
    .sticky-pricing-wrap .nav li + li {margin-left: 8px;}
    .pricing-plan .pricing-features{margin: 30px 0;}
    .sticky-pricing-wrap .tab-content .plan{width: 100%;}
    .plan-benefit .benefit-title{font-size: 20px;}
    .plan-benefit .benefit-list{padding: 25px;margin-top: 30px;}

    .running-business-scn .image-content-view-main{flex-wrap: wrap;}
    .running-business-scn .image-content-view-main .content-view{width: 100%; padding-right: 0;}
    .running-business-scn .image-content-view-main .image-view{width: 100%;}
    .running-business-scn{padding: 20px 0 40px;}
    .running-business-scn .image-content-view-main .content-view h2{margin: 13px 0;}

    .use-of-application-scn{padding: 40px 0;}
    .custom-blockquote p{ font-size: 22px; line-height: 36px;}
    .use-of-application-scn .custom-blockquote{margin-bottom: 15px;}

    .image-content-view-main{flex-wrap: wrap;}
    .image-content-view-main.built-image-content-view .image-view{width: 100%; margin-bottom: 20px;}
    .image-content-view-main.built-image-content-view .content-view{width: 100%; padding-right: 0;}
    .image-content-view-main.built-image-content-view .content-view h2{ font-size: 32px; line-height: 38px; margin: 0 0 22px;}

    .use-of-application-bottom .grid-card{ margin-top: 30px; grid-template-columns: 1fr; gap: 30px;}
    .grid-card-col{padding: 20px;}
    .grid-card-col .grid-card-top h3{font-size: 20px;}

    .built-team-accordion .card-header a{font-size: 22px;}
    .built-team-accordion .card{ padding: 20px; margin: 30px 0;}
    .built-key-point-row{margin: 40px 0;}
    .built-key-point .image-content-view-main.built-image-content-view .content-view {width: 100%;}
    .built-key-point .image-content-view-main.built-image-content-view .image-view{width: 100%; margin-bottom: 0; margin-top: 20px;}
    .key-point-view .key-point-title-view{padding: 20px 35px; margin-bottom: 28px;}
    .key-point-title-view .key-point-title{font-size: 26px;}
    .key-point-list li{padding: 15px 15px 15px 60px;font-size: 16px;line-height: 26px;width: 100%;}
    .key-point-list li::before{width: 28px;height: 28px;left: 14px;top: 13px;}
    
    .blog-list-title h2{font-size: 30px; line-height: 40px; margin: 0px 0 10px;}
    .project-roller-blog-scn{padding-top: 20px; padding-bottom: 40px;}
    .blog-list-tab-view{margin: 38px 0 30px;}
    .blog-list-tab li a{padding: 0 8px 8px; font-size: 16px;}
    /* .blog-list-tab li:first-child a { padding-left: 5px; } */
    .blog-list-tab li{margin: 0 5px;}
    .project-roller-blog-scn .tab-content-title h3{font-size: 26px;}
    .project-roller-blog-scn .blog-section-header h2{font-size: 26px;}
    .custom-slick-arrows .slick-arrow{width: 37px; height: 37px; background-size: 7px 14px;}
    .custom-slick-arrows .slick-arrow:hover{background-size: 7px 14px;}
    .latest-post-scn{padding: 40px 0x;}
    .blog-list-tab-slide .tab-slide-cnt h3{font-size: 20px; line-height: 30px;}
    .blog-post-grid{grid-template-columns: 1fr;}
    .article-scn .blog-section-header{margin-bottom: 20px;}
    .article-scn{padding: 40px 0;}
    .blog-post-grid .blog-grid-item .grid-blog-author .grid-blog-avatar{width: 55%;}
    .product-updates-scn{padding: 40px 0;}
    .product-updates-scn .blog-post-grid{grid-template-columns: 1fr;}
    .product-updates-scn .blog-section-header{margin-bottom: 20px;}

    .blog-detail-breadcrumbs a{font-size: 18px;}
    .blog-detail-title h2{font-size: 24px; line-height: 30px; max-width: 100%;}
    
    .blog-detail-title .blog-author .blog-author-avatar .author-avatar{  width: 50px; height: 50px;}
    .blog-detail-title .blog-author .blog-author-avatar .blog-author-name{margin-left: 16px; font-size: 18px;}
    .blog-detail-title .blog-author .blog-author-activity span{font-size: 14px;}
    .blog-detail-main .blog-detail-main-img,
    .blog-detail-content .blog-detail-inner-image{width: 100%; height: 255px; margin-bottom: 30px;}
    .blog-detail-content h3{font-size: 22px; line-height: 34px;}
    
    .evolution-scn{padding: 40px 0 52px;}
    .dynamic-virtual-scn{padding: 45px 0 20px;}
    .grid-box-col .grid-box-col-img{width: 112px; height: 122px;}
    .grid-box-col .grid-box-col-cnt{width: calc(100% - 132px);}
    .grid-box-col .grid-box-col-cnt p{font-size: 16px; line-height: 25px;}
    .grid-box-2-col-view{padding: 38px 0;}

    .evolution-scn::after{width: 100%;}
    .image-content-view-main .content-view .image-content-view-inr-list li:last-child{margin-bottom: 0;}
    .problem-solvers-scn .image-content-view-main .content-view .highlight-sub-txt{margin: 15px 0;}
    .client-says-scn{padding: 40px 0;}
    .client-says-scn .image-content-view-main .content-view h2{margin-bottom: 13px;}
    .client-says-scn .image-content-view-main .image-view{width: 246px; margin: 0 auto;}
    .there-we-go-scn{ padding: 40px 0 0; }
    .there-we-go-scn .image-content-view-main{padding: 30px;}
    .there-we-go-scn .image-content-view-main .content-view{width: 100%; padding-right: 0;}
    .there-we-go-scn .image-content-view-main .content-view .highlight-sub-txt{margin: 20px 0;}
    .there-we-go-scn .image-content-view-main .image-view{right: 0; top: 0;width: auto;height: 400px;margin: 30px auto 0;}
    .image-content-view-main .content-view{padding-right: 0;width: 100%;}

    .time-task-accordion-section{padding: 60px 0;}
    .customer-slider-section{padding: 70px 0;}
    .customer-slider-section .shape-square-yellow{left: 50px;}
    .customer-slider-section .shape-circle-rad{top: 40px;right: 20px;}
    .customer-slider-section .shape-triangle-green{bottom: 30px;left: 40px;}
    .customer-div .slick-arrow.slick-prev{left: auto;top: -50px;right: 60px;}
    .customer-div .slick-arrow{top: -50px;bottom: auto;right: 0px;}
    .customer-div .content{padding: 30px 40px 20px 80px;}
    .customer-div .content p{font-size: 16px;}
    .customer-div h2{margin: 0 0 75px;}
    .blog-section .col-md-4{margin-bottom: 20px;}
    .video-div{padding: 15px;}
    .hero-main .video-div{width: 90%;height: auto;}
    .hero-section{height: auto;}
    .hero-section::after{display: none;}
    .hero-main .video-div{width: 100%;height: auto;}
    .video-div iframe{height: 300px;}
    .blog-section h2{margin: 0 0px 45px;}
    footer .bottom-footer{flex-direction: column;}
    footer .bottom-mail{align-items: flex-start;margin-top: 20px;}
    footer .bottom-copyright{flex-direction: column;}
    footer .bottom-copyright p{margin: 10px 0 0;}
    footer .bottom-copyright a{margin-right: 0;margin-top: 10px;}
    footer .left{flex-direction: column;}
    footer .logo-div{width: 100%;border-right: 0;height: auto;padding: 50px 0 20px;}
    footer .footer-line{width: 100%;text-align: left;height: auto;padding:20px;justify-content: flex-start;}
    footer .bottom-footer{padding: 30px 0;}

    .task-filter-section .two-column-section img{width: 100%;}
    .task-filter-section .two-column-section{padding: 0 20px 20px;}
    .task-filter-section .task-column-section{padding: 20px 20px 0;}
    .task-filter-section .white-box{padding: 30px 20px;}
    .task-filter-section .task-row-section{padding: 20px 0 20px 20px;}
    .task-filter-section .task-row-section .left{padding-right: 20px;}

    .demo-deliver-section .demo-main{height: auto;}
    .demo-hero-section .image-div{width: auto;}
    .benefits-hero-section .hero-main h2,
    .benefits-hero-section .hero-main h3,
    .benefits-hero-section .hero-main h5,
    .benefits-hero-section .hero-main p{width: 100%;}

    .subscription-section .content-right{height: 300px !important;}
    .signin-section .contact-form h2{margin-bottom: 20px;}
    .signin-section .content-left{padding: 30px 0 20px;}
    .signin-section form .form-group input,
    .signin-section form .form-group select{padding: 12px 16px;height: 50px !important;}
    .signin-section form .form-group.select-type:before{top: 52px;}
    .signin-section .contact-form{padding: 50px 50px;}

    /* blog css */
    .blog-page-heading{ flex-wrap: wrap; justify-content: center; }
    .blog-search-form{margin: 20px auto 10px;}
    .newsletter-section h3 {font-size: 20px; margin-bottom: 20px;}

    footer .footer-line br {display: none;}
    .benefit-accordian-section {margin-top: 50px; padding: 30px 0; min-height: auto;}
    .join-us-div {margin: 40px 0 50px;}
    .pricing-features .tab-content #teams-tab-01 .num-of-user {display: none;}
    .pricing-plan-page .hero-main:before {display: none;}

    .cycle-content-view h3 {font-size: 27px; margin-bottom: 3px;}
    .cycle-content-view p {line-height: 30px;}
    .cycle-content-view {padding: 26px;}
    .project-roller-section {margin-bottom: 60px;}
    .customer-slider-section {padding: 50px 0;}
    .join-us-div {padding: 40px 30px 0;}

    .question-content-main ul li {font-size: 16px;}

}

@media (max-width: 600px){
    .problem-solvers-scn .image-content-view-main .image-view{width: 100%;height: auto;}
    .there-we-go-scn .image-content-view-main .image-view{width: 100%;height: auto;}

    .signin-section .signindiv{width: 90%;}
    .signin-section .logo-div{margin: 0 auto 40px;}
    .signin-section .contact-form{padding: 40px 30px;}
    .signin-section form p{font-size: 15px;margin-top: 30px;}
}

@media (max-width: 480px){
    .roller-form-div .form-group{ width: 100%; }

    .blog-list-tab li{margin: 0 2px;}
    .blog-list-tab li a{padding: 0 4px 8px; font-size: 14px;}
    .video-div iframe{height: 270px;}
}

@media (max-width: 412px) {
    .project-roller-cycle {width: 260px; height: 260px;}
    .project-roller-middle-circle .project-roller-cycle-logo {padding: 10px;}
}


@media (max-width: 350px) {
    .pricing-features .feature-details .plan-type{width: 140px;}
    .get-in-touch .content-right .contact-right-banner{padding: 20px;}

    .blog-list-tab li{width: 100%; margin-bottom: 11px;}
    .blog-list-tab li:first-child{margin-left: 2px;}
    .blog-search-form form{width: 280px;}

    .grid-box-col .grid-box-col-cnt{width: 100%; margin-top: 10px;}
    .dynamic-virtual-activity-box.dull-blue-bg{flex-wrap: wrap;}
    .grid-box-col .grid-box-col-img{margin: 0 auto;}
}

@media (max-width: 320px) {
    .roller-cycle-items .item {width: 40px; height: 40px;}
    .roller-cycle-items .item img { width: 19px; height: 19px;}
}