/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px) {
}

@media (min-width: 1500px) {
    .container {max-width: 1330px;}
}
@media (min-width: 900px) {
    .navbar-collapse{ padding-left:0px !important;}
}

@media (min-width: 1400px) and (max-width: 1499px) {
    /* Common Style Start */
    .banner-title {font-size: 50px; line-height: 64px;}
    .section-title {font-size: 42px; line-height: 58px;}
    /* Common Style End */
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Common Style Start */
    .banner-title {font-size: 42px; line-height: 54px;}
    .section-title {font-size: 38px; line-height: 52px;}
    .btn {font-size: 20px; line-height: 26px;}
    /* Common Style End */
    
    /* Header Start */
    .header { padding: 20px 0; }
    .header-btns .btn {padding: 11px 20px;}
    /* Header End */

    /* Home page Start */
    .banner-content .detail p {font-size: 22px; line-height: 34px;}
    .video-img img, .video-img iframe {height: 480px;}
    .video-section .play-icon {width: 100px; height: 100px;}
    .video-wrp {padding: 0 0 50px; margin: -255px 0 0;}
    .banner-wrp {padding: 100px 0 350px;}
    .companies-wrp .main-title { margin: 0 0 50px; }
    .companies-wrp { padding: 50px 0; }
    .banner-content .btn-blue-border {padding: 13px 32px 12px;}

    .customer-review-wrp { padding: 100px 0 50px; }
    /* Home page End */
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Common Style Start */
    .banner-title {font-size: 42px; line-height: 54px;}
    .section-title {font-size: 38px; line-height: 52px;}
    .btn {font-size: 20px; line-height: 26px;}
    /* Common Style End */
    
    /* Header Start */
    .header-btns .btn {padding: 11px 20px;}
    .header { padding: 20px 0; }
    /* Header End */

    /* Home page Start */
    .banner-content .detail p {font-size: 22px; line-height: 34px;}
    .video-img img, .video-img iframe {height: 480px;}
    .video-section .play-icon {width: 100px; height: 100px;}
    .video-wrp {padding: 0 0 50px; margin: -255px 0 0;}
    .banner-wrp {padding: 100px 0 350px;}
    .companies-wrp .main-title { margin: 0 0 50px; }
    .companies-wrp { padding: 50px 0; }
    .banner-content .btn-blue-border {padding: 13px 32px 12px;}

    .website-builders-wrp .main-title { margin: 0 0 70px; }

    .customer-review-wrp { padding: 100px 0 50px; }
    /* Home page End */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .btn {font-size: 20px; line-height: 26px;}
    .banner-title {font-size: 36px; line-height: 48px;}
    .section-title {font-size: 32px; line-height: 46px;}
    .small-detail {font-size: 18px; line-height: 22px;}
    /* Common Style End */
    
    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 15px; }
    .header .navbar-brand {width: 180px;}
    .header-btns .btn {padding: 12px 24px;}
    .header { padding: 20px 0; }
    .header-btns .btn {padding: 11px 20px;}
    /* Header End */

    /* Home page Start */
    .banner-content .detail p {font-size: 20px; line-height: 32px;}
    .video-img img, .video-img iframe {height: 395px;}
    .video-section .play-icon {width: 80px; height: 80px; font-size: 35px;}
    .video-wrp {padding: 0 0 40px; margin: -212px 0 0;}
    .banner-wrp {padding: 70px 0 290px;}
    .companies-wrp .main-title { margin: 0 0 40px; }
    .companies-wrp { padding: 40px 0; }
    .banner-content .btn-blue-border {padding: 13px 32px 12px;}
    .companies-section .row>* { padding: 0 20px; }
    .companies-section .row {margin: 0 -20px;}
    .companies-logo {margin: 0 0 40px; height: calc(100% - 40px); padding: 22px 20px;}

    .website-builders-wrp .main-title { margin: 0 0 60px; }
    .website-builders-wrp { padding: 70px 0 48px; }

    .customer-review-wrp { padding: 80px 0 40px; }
    .customer-review-main .main-title { margin: 0 0 50px; }
    /* Home page End */
}

@media (max-width: 991px) {
    /* Header Start */
    .header .navbar-toggler { padding: 0; border: 0; box-shadow: none; z-index: 9; position: relative; }
    .header .navbar-toggler span { background-color: #025DFB; width: 25px; height: 3px; display: block; position: relative; margin-bottom: 5px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
    .header .navbar-toggler span:last-child { margin-bottom: 0; }
    .header .navbar-collapse { position: fixed; background-color: #D5D8E4; max-width: 320px; width: 100%; right: -100%; top: 0; bottom: 0; height: 100%; padding: 80px 30px; overflow: auto; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
    .header .navbar-collapse.show { right: 0; height: auto; }
    .header .navbar-collapse::after { content: ""; background-color: #D5D8E4; position: fixed; right: -100%; max-width: 320px; width: 100%; height: 80px; top: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }   
    .header .navbar-collapse.show::after { right: 0; }
    .header .navbar-nav .nav-item { padding: 10px 0; }
    .header .navbar-toggler.open span:first-child { top: 8px; transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); }
    .header .navbar-toggler.open span:nth-child(2) { display: none; }
    .header .navbar-toggler.open span:last-child { transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); }
    .header-btns {padding: 20px 0 0;}
    /* Header End */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .btn {font-size: 20px; line-height: 26px;}
    .banner-title {font-size: 32px; line-height: 44px;}
    .section-title {font-size: 30px; line-height: 40px;}
    .small-detail {font-size: 18px; line-height: 22px;}
    /* Common Style End */
    
    /* Header Start */
    .header .navbar-brand {width: 180px;}
    .header-btns .btn {padding: 12px 24px;}
    .header { padding: 20px 0; }
    .header-btns .btn {padding: 11px 20px;}
    /* Header End */

    /* Home page Start */
    .banner-content .detail p {font-size: 20px; line-height: 32px;}
    .video-img img, .video-img iframe {height: 310px;}
    .video-section .play-icon {width: 75px; height: 75px; font-size: 32px;}
    .video-wrp {padding: 0 0 30px; margin: -178px 0 0;}
    .banner-wrp {padding: 60px 0 250px;}
    .companies-wrp .main-title { margin: 0 0 40px; }
    .companies-wrp { padding: 30px 0; }
    .banner-content .btn-blue-border {padding: 13px 32px 12px;}
    .companies-section .row>* { padding: 0 18px; }
    .companies-section .row {margin: 0 -18px;}
    .companies-logo {margin: 0 0 36px; padding: 22px 25px; height: 130px;}
    .banner-content .banner-title { margin: 0 0 12px; }
    .social-icons ul {margin: 0 0 30px;}
    .banner-wrp::before {top: 310px;}

    .website-builders-wrp .main-title { margin: 0 0 50px; }
    .website-builders-wrp { padding: 60px 0 38px; }

    .customer-review-wrp { padding: 80px 0 40px; }
    .customer-review-main .main-title { margin: 0 0 40px; }
    /* Home page End */
}

@media (max-width: 767px) {
    /* Common Style Start */
    .btn {font-size: 18px; line-height: 24px; padding: 14px 18px 11px;}
    .banner-title {font-size: 28px; line-height: 40px;}
    .section-title {font-size: 26px; line-height: 36px;}
    .small-detail {font-size: 16px; line-height: 20px;}
    body {font-size: 16px; line-height: 22px;}
    /* Common Style End */
    
    /* Header Start */
    .header .navbar-brand {width: 180px;}
    .header-btns .btn {padding: 12px 24px;}
    .header { padding: 20px 0; }
    .header-btns .btn {padding: 11px 20px;}
    /* Header End */

    /* Home page Start */
    .banner-content .detail p {font-size: 18px; line-height: 30px;}
    .video-img img, .video-img iframe {height: 310px;}
    .video-section .play-icon {width: 70px; height: 70px; font-size: 30px;}
    .video-wrp {padding: 0 0 30px; margin: -105px 0 0;}
    .banner-wrp {padding: 50px 0 160px;}
    .companies-wrp .main-title { margin: 0 0 30px; }
    .companies-wrp { padding: 30px 0; }
    .banner-content .btn-blue-border {padding: 15px 32px 11px;}
    .companies-section .row>* { padding: 0 15px; }
    .companies-section .row {margin: 0 -15px;}
    .companies-logo {margin: 0 0 30px; padding: 22px 25px; height: 120px;}
    .banner-content .banner-title { margin: 0 0 12px; }
    .social-icons ul {margin: 0 0 22px; flex-wrap: wrap;}
    .banner-wrp::before {top: 310px;}
    .social-icons ul li {margin: 0 16px 10px 0;}
    .social-icons ul li:last-child{margin: 0 0px 10px 0;}
    .video-section {margin: 0;}
    .video-img { border-width: 10px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

    .website-builders-wrp .main-title { margin: 0 0 35px; }
    .website-builders-wrp { padding: 50px 0 28px; }  

    .customer-review-wrp { padding: 50px 0 40px; }
    .customer-review-main .main-title { margin: 0 0 30px; }
    .customer-review-section .row>*:first-child .customer-review-row { margin: 0; }
    .cutomer-review-btn { padding: 20px 0 0; }
    .cutomer-review-btn .btn {margin: 0 10px 15px;}
    .customer-img img {width: 50px; height: 50px;}
    .customer-img {flex: 70px 0 0;}
    .start-premium-plan,
    .create-solution-btn,
    .btn-blue { margin-bottom: 8px !important; }
    /* Home page End */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    /* Home page Start */
    .video-img img, .video-img iframe {height: 270px;}
    .video-wrp {margin: -150px 0 0;}
    .banner-wrp {padding: 50px 0 200px;}
    /* Home page End */
}

@media (max-width: 575px) {
    /* Home page Start */
    .video-img img, .video-img iframe { height: 200px; }
    /* Home page End */
}



@media(min-width:1401px) and (max-width:1600px){
    .course-wrp .container {max-width: 1370px;}

    .blog-block .item{width: 100%}



}

@media(min-width:1201px) and (max-width:1400px){
    .course-wrp .container{max-width: 1170px;}
    .course-wrp .col-md-3.col-sm-12{width: 30%;}
    .course-wrp .col-md-9.col-sm-12{width: 70%;}
    .course-block .row{margin: 0 -10px;}
    .course-block .col-md-4{padding: 0 10px;}
    .course-block .course-box{padding: 25px;margin: 0 0 20px;}

    .element-item{padding: 0 10px}
    .course-block{margin: 0 -10px;}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{margin-top: -25px;}

    /* **** Login **** */
    .login-wrpper .left-part{padding: 40px;}
    .login-wrpper .right-part{padding: 40px;}
    /* **** End Login **** */

    /* **** Blog **** */
    .tutorail-banner.banner-wrp.blog-bannerwrp{padding: 100px 0;}
    .titlebar p{font-size: 20px;line-height: 26px;}
    /* **** End Blog **** */

    /* **** Widgets **** */
    .dash-wrpper header{padding: 15px 0;}
    .dash-wrpper header .container{padding: 0 15px;}
    .dash-wrpper header .navbar .navbar-collapse{padding-left: 60px;}
    .dash-wrpper header .navbar .navbar-nav li {margin-right: 20px;}
    .dash-wrpper header .navbar .navbar-nav .nav-link{font-size: 16px;}
    .dash-wrpper header .navbar .btn-blue{margin-right: 10px;font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .btn-blue-border{font-size: 14px;line-height: 18px;padding: 6px 12px;}
    
    .dash-content{padding: 15px;}
    .col-md-3.col-sm-12.main-col{width: 30%;}
    .col-md-9.col-sm-12.main-col{width: 70%;}
    /* **** End Widgets **** */

    /* **** Customize **** */
    .customize-wrp{padding: 0 15px 30px 180px;}
    .posts-head .container{padding: 0 15px;}
    .customize-wrp.open{padding-left: 450px;}
    
    .customize-filter{left: 15px;}
    .posts-block h5{font-size: 14px;line-height: 22px;}
    .posts-block h5 img{margin-right: 10px;max-width: 24px;}
    .posts-block h5 span{font-size: 10px;margin-left: 9px;}
    .posts-block ul.main-row li{margin: 0 10px  0 0;}
    .posts-block ul.main-row li a{font-size: 16px;line-height: 24px;padding: 10px 10px;}
/*    .blog-block{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}*/

    .refresh-box p{font-size: 16px;line-height: 24px;margin: 0 0 10px;}
    .refresh-box h6{font-size: 16px;line-height: 24px;margin: 0 0 15px;}

    .blog-block .item{width: 100%}
    /* **** End Customize **** */

    /* **** widgets Table **** */
    .table-footer ul li{margin-right: 4px;}
    /* **** End widgets Table **** */
}

@media(min-width:1025px) and (max-width:1200px){
    .tutorial-list-section .tutorial-block ul li{width: 50%;margin: 0 0 20px;}
    .media-sources-wrp h2{font-size: 30px;line-height: 40px;}
    .sociable-wrp .sociable-block h2{font-size: 30px;line-height: 40px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block p{margin: 0 0 20px;}
    .sociable-wrp .sociable-block{padding: 40px 50px 40px 430px;}
    footer .quicklinks h3{font-size: 20px;line-height: 30px;margin: 0 0 10px;}
    footer .quicklinks ul li{margin: 0 0 8px;}
    footer .quicklinks ul li a{font-size: 16px;line-height: 20px;}
    footer .foot-logo {max-width: 302px;}

    .social-media-feed .nav-tabs .nav-item{margin: 0 0 15px;}
    .social-media-feed .item.active .slider-box{padding: 20px;}
    .social-media-feed .item .slider-box{padding: 0 15px;}
    .social-media-feed .item .slider-box h3 img{width: 40px;margin-right: 10px;min-width: 40px;}
    .social-media-feed .item .slider-box h3{font-size: 18px;line-height: 24px;width: 100%; min-width: 304px;}
    .social-media-feed .item .slider-box h3 br{display: none;}
    .social-media-feed .item .slider-box p{margin: 15px 0;padding-left: 50px;font-size: 15px;line-height: 22px;}
    .social-media-feed .item .slider-box a{margin-left: 50px;font-size: 20px;line-height: 20px;}

     .course-wrp{padding: 80px 0;}
    .course-wrp .container{max-width: 960px;}
    .course-wrp .col-md-3.col-sm-12{width: 35%;}
    .course-wrp .col-md-9.col-sm-12{width: 65%;}
    .course-sitebar{padding: 15px;border-radius: 10px;}
    .course-sitebar .accordion .accordion-item .accordion-button{font-size: 16px;line-height: 20px;}
    .course-sitebar .accordion .accordion-body ul li a{font-size: 14px;line-height: 18px;}
    .course-sitebar .accordion .accordion-item{margin: 0 0 15px;}

    .search-filter h2{font-size: 24px;}
    .course-block .row{margin: 0 -10px;}
    .course-block .col-md-4{padding: 0 10px;width: 50%;}
    .course-block .course-box{padding: 35px 20px;margin: 0 0 20px;}
    .course-block .course-box img{max-width: 50px;margin: 0 auto 15px;}
    .course-block .course-box h3{font-size: 18px;line-height: 24px;margin: 0 0 10px;}
    .course-block .course-box p{font-size: 15px;line-height: 20px;}

    .element-item{width: 50%;padding: 0 10px}
    .course-block{margin: 0 -10px;}

    .tutorail-banner.banner-wrp h1{font-size: 45px;line-height: 55px;}
    .tutorail-banner.banner-wrp p{font-size: 20px;line-height: 30px;max-width: 550px;}
    .tutorail-banner.banner-wrp .left-shape{left: 0;width: 15%}
    .tutorail-banner.banner-wrp .right-shape{width: 15%}

    button.slick-prev.slick-arrow:before, button.slick-next.slick-arrow:before{height: 50px;width: 50px;font-size: 18px;}
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow{left: -30px;}
    button.slick-next.slick-arrow{left: auto;right: -30px}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{margin-top: -25px;}

     /* **** Login **** */
    .login-wrpper .left-part{display: block;padding: 40px 30px;}
    .login-wrpper .right-part{display: block;padding: 40px 30px;}
    .login-wrpper .testimonial-block h2{font-size: 30px;line-height: 40px;margin: 0 0 30px;}
    .login-wrpper .testimonial-box .user-box .discerption p{font-size: 14px;line-height: 20px;}
    .login-wrpper .testimonial-shape2{width: 120px;right: 0px;bottom: 30px;}
    .login-wrpper .testimonial-shape{top: 20px;}
    .login-wrpper .login-form .logo-img{margin: 0 0 30px;}
    .login-wrpper .login-form .login-title h2{font-size: 30px;line-height: 32px;}
    .login-wrpper .login-form .login-title p br{display: none;}
    .login-wrpper .login-form .login-title ul li a{justify-content: center;}
    .login-wrpper .login-form .login-title ul li a img{max-width: 20px;margin-right: 5px;}
    .login-wrpper .login-form .login-title p{margin: 0 0 15px;}
    /* **** End Login **** */

      /* **** Blog **** */
    .tutorail-banner.banner-wrp.blog-bannerwrp{padding: 70px 0;}
    .titlebar h2{font-size: 30px;line-height: 40px;max-width: 100%;}
    .titlebar p{font-size: 18px;line-height: 26px;max-width: 100%;}
    .titlebar p br{display: none;}
    .livedemo-guide .livedemo-box .box-discerption h6{font-size: 15px;line-height: 24px;}
    .livedemo-guide .livedemo-box .box-discerption h3{font-size: 18px;line-height: 24px;}
    .livedemo-guide .livedemo-box .box-discerption p{font-size: 15px;line-height: 24px;}
    .offer-guide .offer-block{padding: 24px;}
    .offer-guide .offer-block h3{font-size: 24px;line-height: 30px;margin: 0 0 15px;}
    .offer-guide .offer-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .offer-guide .offer-block p br{display: none;}
    .offer-guide .offer-block a{font-size: 16px;padding: 10px 24px;display: table;}
    .events-examples-guide .event-bix .event-description h3{font-size: 22px;line-height: 30px;}

    .testimonial-description .user-box img{height: 140px;width: 140px;}
    .testimonial-description .user-description p{font-size: 18px;line-height: 26px;margin: 0 0 40px;}

    .course-wrpper .course-box{padding: 20px;min-height: 360px;}
    .course-wrpper .course-box h3{font-size: 20px;line-height: 28px;}
    /* **** End Blog **** */

    /* **** Widgets **** */
    .dash-wrpper header{padding: 15px 0;}
    .dash-wrpper header .container{padding: 0 15px;}
    .dash-wrpper header .navbar .navbar-collapse{padding-left: 30px;}
    .dash-wrpper header .navbar .navbar-nav li {margin-right: 20px;}
    .dash-wrpper header .navbar .navbar-nav .nav-link{font-size: 16px;}
    .dash-wrpper header .navbar .btn-blue{margin-right: 10px;font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .btn-blue-border{font-size: 14px;line-height: 18px;padding: 6px 12px;}
    
    .dash-content{padding: 15px;}
    .col-md-3.col-sm-12.main-col{width: 30%;}
    .col-md-9.col-sm-12.main-col{width: 70%;}

    .dash-table-header h2{font-size: 20px;}
    table.dataTable.nowrap td:first-child{min-width: 170px;}
    /* **** End Widgets **** */

     /* **** Customize **** */
    .customize-wrp{padding: 0 15px 30px 180px;}
    .posts-head .container{padding: 0 15px;}
    .customize-wrp.open{padding-left: 450px;}
    
    .customize-filter{left: 15px;}
    .posts-block h5{font-size: 14px;line-height: 22px;}
    .posts-block h5 img{margin-right: 10px;max-width: 24px;}
    .posts-block h5 span{font-size: 10px;margin-left: 9px;}
    .posts-block ul.main-row li{margin: 0 10px  0 0;}
    .posts-block ul.main-row li a{font-size: 16px;line-height: 24px;padding: 10px 10px;}
/*    .blog-block{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}*/
    .blog-block .item{width: 100%}

    .refresh-box p{font-size: 16px;line-height: 24px;margin: 0 0 10px;}
    .refresh-box h6{font-size: 16px;line-height: 24px;margin: 0 0 15px;}
    /* **** End Customize **** */

    /* **** widgets Table **** */
    .table-block table tbody tr td:first-child{min-width: 200px;}
    .table-block table tbody tr td:nth-child(2){min-width: 140px;}
    .table-block table tbody tr td:last-child{min-width: 170px;}
    .table-footer ul{flex-wrap: wrap;justify-content: center;}
    .table-footer ul li{font-size: 12px;line-height: 15px;}
    .table-footer ul li a.number{font-size: 12px;height: 22px;width: 22px;}
    .table-footer ul li{margin-right: 4px;}
    .table-footer ul li:nth-child(9){}
    .table-footer ul li a.last-number{width: 30px;}
    /* **** End widgets Table **** */
}

@media(min-width:992px) and (max-width:1024px){
    .tutorial-list-section .tutorial-block ul li{width: 50%;margin: 0 0 20px;}
    .media-sources-wrp h2{font-size: 30px;line-height: 40px;}
    .sociable-wrp .sociable-block h2{font-size: 30px;line-height: 40px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block p{margin: 0 0 20px;}
    .sociable-wrp .sociable-block{padding: 40px 50px 40px 430px;}
    footer .quicklinks h3{font-size: 20px;line-height: 30px;margin: 0 0 10px;}
    footer .quicklinks ul li{margin: 0 0 8px;}
    footer .quicklinks ul li a{font-size: 16px;line-height: 20px;}
    footer .foot-logo {max-width: 302px;}

    .social-media-feed .nav-tabs .nav-item{margin: 0 0 15px;}
    .social-media-feed .item.active .slider-box{padding: 20px;}
    .social-media-feed .item .slider-box{padding: 0 15px;}
    .social-media-feed .item .slider-box h3 img{width: 40px;margin-right: 10px;min-width: 40px;}
    .social-media-feed .item .slider-box h3{font-size: 18px;line-height: 24px;width: 100%; min-width: 304px;}
    .social-media-feed .item .slider-box h3 br{display: none;}
    .social-media-feed .item .slider-box p{margin: 15px 0;padding-left: 50px;font-size: 15px;line-height: 22px;}
    .social-media-feed .item .slider-box a{margin-left: 50px;font-size: 20px;line-height: 20px;}

    .course-wrp{padding: 80px 0;}
    .course-wrp .container{max-width: 960px;}
    .course-wrp .col-md-3.col-sm-12{width: 35%;}
    .course-wrp .col-md-9.col-sm-12{width: 65%;}
    .course-sitebar{padding: 15px;border-radius: 10px;}
    .course-sitebar .accordion .accordion-item .accordion-button{font-size: 16px;line-height: 20px;}
    .course-sitebar .accordion .accordion-body ul li a{font-size: 14px;line-height: 18px;}
    .course-sitebar .accordion .accordion-item{margin: 0 0 15px;}

    .search-filter h2{font-size: 24px;}
    .course-block .row{margin: 0 -10px;}
    .course-block .col-md-4{padding: 0 10px;width: 50%;}
    .course-block .course-box{padding: 35px 20px;margin: 0 0 20px;}
    .course-block .course-box img{max-width: 50px;margin: 0 auto 15px;}
    .course-block .course-box h3{font-size: 18px;line-height: 24px;margin: 0 0 10px;}
    .course-block .course-box p{font-size: 15px;line-height: 20px;}

    .element-item{width: 50%;padding: 0 10px}
    .course-block{margin: 0 -10px;}

    .tutorail-banner.banner-wrp h1{font-size: 45px;line-height: 55px;}
    .tutorail-banner.banner-wrp p{font-size: 20px;line-height: 30px;max-width: 550px;}
    .tutorail-banner.banner-wrp .left-shape{left: 0;width: 15%}
    .tutorail-banner.banner-wrp .right-shape{width: 15%}

    button.slick-prev.slick-arrow:before, button.slick-next.slick-arrow:before{height: 50px;width: 50px;font-size: 18px;}
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow{left: -30px;}
    button.slick-next.slick-arrow{left: auto;right: -30px}

    .header .dropdown .dropdown-menu .dropdown-item{font-size: 15px;}

    .video-section{padding: 0 20px;}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{top: 55%;margin-top: -50px;}
    .video-wrp .swiper-button-prev:before, 
    .video-wrp .swiper-button-next:before{width: 50px;height: 50px;font-size: 18px;line-height: 35px;}

     /* **** Login **** */
    .login-wrpper .left-part{display: block;padding: 40px 16px;}
    .login-wrpper .right-part{display: block;padding: 40px 16px;}
    .login-wrpper .testimonial-block h2{font-size: 30px;line-height: 40px;margin: 0 0 30px;}
    .login-wrpper .testimonial-box .user-box .discerption p{font-size: 14px;line-height: 20px;}
    .login-wrpper .testimonial-shape2{width: 120px;right: 0px;bottom: 30px;}
    .login-wrpper .testimonial-shape{top: 20px;}
    .login-wrpper .login-form .logo-img{margin: 0 0 30px;}
    .login-wrpper .login-form .login-title h2{font-size: 30px;line-height: 32px;}
    .login-wrpper .login-form .login-title p br{display: none;}
    .login-wrpper .login-form .login-title ul li a{justify-content: center;}
    .login-wrpper .login-form .login-title ul li a img{max-width: 20px;margin-right: 5px;}
    .login-wrpper .login-form .login-title p{margin: 0 0 15px;}
    /* **** End Login **** */

    /* **** Blog **** */
    .tutorail-banner.banner-wrp.blog-bannerwrp{padding: 70px 0;}
    .titlebar h2{font-size: 30px;line-height: 40px;max-width: 100%;}
    .titlebar p{font-size: 18px;line-height: 26px;max-width: 100%;}
    .titlebar p br{display: none;}
    .livedemo-guide .livedemo-box .box-discerption h6{font-size: 15px;line-height: 24px;}
    .livedemo-guide .livedemo-box .box-discerption h3{font-size: 18px;line-height: 24px;}
    .livedemo-guide .livedemo-box .box-discerption p{font-size: 15px;line-height: 24px;}
    .offer-guide .offer-block{padding: 24px;}
    .offer-guide .offer-block h3{font-size: 24px;line-height: 30px;margin: 0 0 15px;}
    .offer-guide .offer-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .offer-guide .offer-block p br{display: none;}
    .offer-guide .offer-block a{font-size: 16px;padding: 10px 24px;display: table;}
    .events-examples-guide .event-bix .event-description h3{font-size: 22px;line-height: 30px;}

    .testimonial-description .user-box img{height: 140px;width: 140px;}
    .testimonial-description .user-description p{font-size: 18px;line-height: 26px;margin: 0 0 40px;}

    .course-wrpper .course-box{padding: 20px;min-height: 360px;}
    .course-wrpper .course-box h3{font-size: 20px;line-height: 28px;}
    /* **** End Blog **** */

    /* **** Widgets **** */
    .dash-wrpper header{padding: 15px 0;}
    .dash-wrpper header .container{padding: 0 15px;}
    .dash-wrpper header .navbar .navbar-collapse{padding-left: 30px;}
    .dash-wrpper header .navbar .navbar-nav li {margin-right: 20px;}
    .dash-wrpper header .navbar .navbar-nav .nav-link{font-size: 16px;}
    .dash-wrpper header .navbar .btn-blue{margin-right: 10px;font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .btn-blue-border{font-size: 14px;line-height: 18px;padding: 6px 12px;}
    
    .dash-content{padding: 15px;}
    .col-md-3.col-sm-12.main-col{width: 30%;}
    .col-md-9.col-sm-12.main-col{width: 70%;}

    .dash-table-header h2{font-size: 20px;}
    table.dataTable.nowrap td:first-child{min-width: 170px;}
    /* **** End Widgets **** */

    /* **** Customize **** */
    .customize-wrp{padding: 0 15px 30px 180px;}
    .posts-head .container{padding: 0 15px;}
    .customize-wrp.open{padding-left: 450px;}

    .customize-filter{left: 15px;}
    .posts-block h5{font-size: 14px;line-height: 22px;}
    .posts-block h5 img{margin-right: 10px;max-width: 24px;}
    .posts-block h5 span{font-size: 10px;margin-left: 9px;}
    .posts-block ul.main-row li{margin: 0 10px  0 0;}
    .posts-block ul.main-row li a{font-size: 16px;line-height: 24px;padding: 10px 10px;}
/*    .blog-block{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}*/

    .refresh-box p{font-size: 16px;line-height: 24px;margin: 0 0 10px;}
    .refresh-box h6{font-size: 16px;line-height: 24px;margin: 0 0 15px;}

    .blog-block .item{width: 100%}
    /* **** End Customize **** */

    /* **** widgets Table **** */
    .table-block .table-footer .col-md-5.col-sm-12{width: 100%;}
    .table-block .table-footer .col-md-7.col-sm-12{width: 100%;}
    .table-block table tbody tr td:first-child{min-width: 200px;}
    .table-block table tbody tr td:nth-child(2){min-width: 140px;}
    .table-block table tbody tr td:last-child{min-width: 170px;}
    .table-footer p{margin: 0 0 15px;text-align: center;}
    .table-footer ul{flex-wrap: wrap;justify-content: center;}
    .table-footer ul li{font-size: 12px;line-height: 15px;}
    .table-footer ul li a.number{font-size: 12px;height: 22px;width: 22px;}
    .table-footer ul li{margin-right: 4px;}
    .table-footer ul li:nth-child(9){}
    .table-footer ul li a.last-number{width: 30px;}
    .tbl-pagination{justify-content: center}
    /* **** End widgets Table **** */
}

@media(min-width:768px) and (max-width:991px){
    .tutorials-wrp{padding: 60px 0;}   
    .tutorial-list-wrp{padding: 60px 0;}
    .tutorial-list-section .nav-tabs{border:none;margin: 0 0 30px;}
    .tutorial-list-section .nav-tabs li{width: 50%;}
    .tutorial-list-section .nav-tabs .nav-link{display: block;padding: 10px 15px;text-align: center;font-size: 16px;border: none;margin: 0;}
    .tutorial-list-section .tutorial-block p{font-size: 15px;margin: 0 0 20px;}
    .tutorial-list-section .tutorial-block ul li{width: 50%;margin: 0 0 10px;}
    .tutorial-list-section .tutorial-block ul li:last-child{margin: 0;}
    .tutorial-list-section .tutorial-block ul li a{font-size: 15px;}

    .media-sources-wrp{padding: 60px 0;}
    .media-sources-wrp h2{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .media-sources-wrp p{font-size: 16px;line-height: 24px;}

    .sociable-wrp{padding: 0 0 60px;}
    .sociable-wrp .sociable-block{padding: 25px 25px 0;}
    .sociable-wrp .sociable-block h2{font-size: 26px;line-height: 36px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block h2 br{display: none;}
    .sociable-wrp .sociable-block p{font-size: 15px;line-height: 24px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block ul{display: block;}
    .sociable-wrp .sociable-block ul li{margin: 0 0 15px;font-size: 13px;}
    .sociable-wrp .sociable-block ul a{margin: 0 auto;}
    .sociable-wrp .sociable-block .sociable-box{display: block;}
    .sociable-wrp .sociable-block .sociable-box .user-info{margin: 0 0 15px;}
    .sociable-wrp .sociable-block .girl-img{position: relative;}
    .sociable-wrp .sociable-block .sociable-box h5{font-size: 16px;}

    .support-block{padding: 20px;}
    .support-block h2{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .support-block p{font-size: 16px;line-height: 24px;}

    footer{padding: 60px 0;}
    footer .main-row{flex-wrap: wrap;}
    footer .main-row .main-col{margin: 0 0 40px;width:25%;}
    footer .foot-logo{max-width: 100%;}
    footer .main-row .main-col:first-child{width: 100%;}
    footer .foot-logo img{margin: 0 0 10px;}
    footer .foot-logo p{margin: 0 0 10px;}
    footer .foot-logo .social-bx h3{font-size: 20px;line-height: 30px;margin: 32px 0 10px;}
    footer .quicklinks h3{font-size: 20px;line-height: 30px;margin: 0 0 10px;}
    footer .quicklinks ul li{margin: 0 0 8px;}
    footer .quicklinks ul li a{font-size: 16px;line-height: 20px;}

    .social-media-feed .nav-tabs .nav-item{margin: 0 0 15px;}
    .social-media-feed .item.active .slider-box{padding: 20px;}
    .social-media-feed .item .slider-box{padding: 0 15px;}
    .social-media-feed .item .slider-box h3 img{width: 40px;margin-right: 10px;min-width: 40px;}
    .social-media-feed .item .slider-box h3{font-size: 16px;line-height: 24px;width: 100%; min-width: 304px;}
    .social-media-feed .item .slider-box h3 br{display: none;}
    .social-media-feed .item .slider-box p{margin: 15px 0;padding-left: 50px;font-size: 15px;line-height: 22px;}
    .social-media-feed .item .slider-box a{margin-left: 50px;font-size: 20px;line-height: 20px;}

    .course-wrp{padding: 80px 0;}
    .course-wrp .container{max-width: 720px;}
    .course-wrp .col-md-3.col-sm-12{width: 40%;}
    .course-wrp .col-md-9.col-sm-12{width: 60%;}
    .course-sitebar{padding: 15px;border-radius: 10px;}
    .course-sitebar .accordion .accordion-item .accordion-button{font-size: 16px;line-height: 20px;}
    .course-sitebar .accordion .accordion-body ul li a{font-size: 14px;line-height: 18px;}
    .course-sitebar .accordion .accordion-item{margin: 0 0 15px;}

    .search-filter h2{font-size: 24px;}
    .course-block .row{margin: 0 -10px;}
    .course-block .col-md-4{padding: 0 10px;width: 50%;}
    .course-block .course-box{padding: 25px 15px;margin: 0 0 20px;}
    .course-block .course-box img{max-width: 50px;margin: 0 auto 15px;}
    .course-block .course-box h3{font-size: 18px;line-height: 24px;margin: 0 0 10px;}
    .course-block .course-box p{font-size: 15px;line-height: 20px;min-height: 60px;}

    .element-item{width: 50%;padding: 0 10px}
    .course-block{margin: 0 -10px;}


    .tutorail-banner.banner-wrp h1{font-size: 45px;line-height: 55px;}
    .tutorail-banner.banner-wrp p{font-size: 20px;line-height: 30px;max-width: 550px;}
    .tutorail-banner.banner-wrp .left-shape{left: 0;width: 15%}
    .tutorail-banner.banner-wrp .right-shape{width: 15%}

    button.slick-prev.slick-arrow:before, button.slick-next.slick-arrow:before{height: 45px;width: 45px;font-size: 18px;bottom: -10px;}
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow{left: -20px;}
    button.slick-next.slick-arrow{left: auto;right: -20px}

    .course-sitebar ul li button{font-size: 16px;line-height: 19px;}
    .header .dropdown .dropdown-menu .dropdown-item{font-size: 15px;padding: 8px 10px;}

    .video-section{padding: 0 20px;}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{top: 58%;margin-top: -50px;}
    .video-wrp .swiper-button-prev:before, 
    .video-wrp .swiper-button-next:before{width: 50px;height: 50px;font-size: 18px;line-height: 35px;}
    .header .dropdown .dropdown-menu{display: none;}
    .header .dropdown:hover .dropdown-menu{display: block;}

    /* **** Login **** */
    .login-wrpper{display: flex;flex-wrap: wrap;flex-flow: column-reverse;}
    .login-wrpper .testimonial-block{max-width: 500px;}
    .login-wrpper .login-form{max-width: 500px;}
    .login-wrpper .left-part{width: 100%;display: block;padding: 40px 16px;}
    .login-wrpper .right-part{width: 100%;display: block;padding: 40px 16px;}
    .login-wrpper .testimonial-block h2{font-size: 30px;line-height: 40px;margin: 0 0 30px;}
    .login-wrpper .testimonial-box .user-box .discerption p{font-size: 14px;line-height: 20px;}
    .login-wrpper .testimonial-shape2{width: 120px;right: 0px;bottom: 30px;}
    .login-wrpper .testimonial-shape{top: 20px;}
    .login-wrpper .login-form .logo-img{margin: 0 0 30px;}
    .login-wrpper .login-form .login-title h2{font-size: 30px;line-height: 32px;}
    .login-wrpper .login-form .login-title p br{display: none;}
    .login-wrpper .login-form .login-title ul li{width: 50%;margin: 0 0 16px;}
    .login-wrpper .login-form .login-title ul li a{justify-content: center;}
    /* **** End Login **** */

    /* **** Blog **** */
    .tutorail-banner.banner-wrp.blog-bannerwrp{padding: 50px 0;}
    .tutorail-banner.banner-wrp.blog-bannerwrp h1 br{display: none;}
    .tutorail-banner.banner-wrp .left-shape {width: 10%;top: auto;bottom: 170px;}
    .tutorail-banner.banner-wrp .right-shape{width: 10%}

    .update-wrp{padding: 50px 0;}
    .update-wrp h2{font-size: 20px;margin: 0 0 15px;}
    .update-wrp p{font-size: 16px;line-height: 24px;text-align: center;}

    .main-blocks{padding: 20px;}
    .page-header{margin: 0 0 40px;padding: 0 25px;}
    .nav-box a{font-size: 16px;line-height: 20px;}
    .titlebar{padding: 0 0 20px;margin: 0 0 30px;}
    .titlebar h2{font-size: 24px;line-height: 32px;padding-left: 10px;}
    .titlebar h2 br{display: none;}
    .titlebar p{font-size: 16px;line-height: 22px;}
    .titlebar p br{display: none;}

    .quick-data ul{margin: 0 0 25px;}
    .quick-data li{font-size: 15px;line-height: 20px;align-items: flex-start;}
    .quick-data p{font-size: 15px;line-height: 20px;}

    .guide-data h3{font-size: 20px;line-height: 26px;margin: 0 0 15px;}
    .guide-data p{font-size: 16px;line-height: 24px;margin: 0 0 25px;}
    .guide-data ul.guide-block li{font-size: 16px;line-height: 24px;}
    .guide-data ul.guide-block li img{margin: 20px 0 0;}

    .guide-description h4{font-size: 20px;line-height: 26px;margin: 0 0 20px;}
    .guide-description p{font-size: 16px;line-height: 24px;margin: 0 0 25px;}
    .guide-description ul li{font-size: 16px;line-height: 24px;}

    .video-guide .video-section{padding: 0;}
    .livedemo-guide .livedemo-box .box-discerption h6{align-items: flex-start;font-size: 15px;}
    .livedemo-guide .livedemo-box .box-discerption h3{font-size: 18px;line-height: 20px;}
    .livedemo-guide .livedemo-box .box-discerption p{font-size: 15px;align-items: flex-start;}

    .testimonial-guide .testimonial-box{padding: 15px;}
    .testimonial-guide .testimonial-box p{font-size: 15px;line-height: 24px;}

    .events-block ul li h3{font-size: 16px;line-height: 20px;}
    .events-block ul li p{font-size: 15px;line-height: 24px;}

    .events-examples-guide .event-bix .event-description h3{font-size: 20px;line-height: 24px;}
    .events-examples-guide .event-bix .event-description h3 br{display: none;}
    .events-examples-guide .event-bix .event-description p{font-size: 16px;line-height: 24px;}
    .events-examples-guide .event-bix img{margin: 15px 0 0;}

    .alternative-guide .alternative-block ul{margin: 0 0 25px;}
    .alternative-guide .alternative-block ul li{font-size: 16px;line-height: 24px;}
    .alternative-guide .alternative-block p{font-size: 16px;line-height: 24px;}

    .offer-guide .offer-block{padding: 20px;}
    .offer-guide .offer-block h3{font-size: 24px;line-height: 30px;margin: 0 0 15px;}
    .offer-guide .offer-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .offer-guide .offer-block a{font-size: 16px;padding: 10px 24px;display: table;}

    .builder-block .accordion .accordion-item .accordion-button{padding: 8px 35px 8px 8px;font-size: 16px;line-height: 24px;}
    .builder-block .accordion .accordion-item .accordion-button span{height: 35px;width: 35px;min-width: 35px;margin-right: 10px;line-height: 35px;padding: 0;}
    .builder-block .accordion .accordion-item .accordion-button:before{height: 25px;width: 25px;right: 5px;line-height: 25px;font-size: 12px;}

    .builder-block .accordion .accordion-item .accordion-body{padding: 20px 0;}
    .builder-block .builder-infohead h3{font-size: 20px;line-height: 24px;margin: 0 0 25px;}
    .builder-block .builder-infohead ul li h3{font-size: 16px;line-height: 24px;}
    .builder-block .builder-infohead ul li p{font-size: 16px;line-height: 24px;}
    .builder-block .builder-info h6{font-size: 16px;line-height: 24px;}

    .conclusion-guide{margin: 80px 0;}
    .testimonial-common-guide .titlebar{padding: 15px;border-radius: 10px;}
    .testimonial-common-guide .titlebar ul{flex-wrap: wrap;}
    .testimonial-common-guide .titlebar ul li{margin-right: 10px;}
    .testimonial-common-guide .titlebar p{margin: 0 0 20px;}
    .testimonial-common-guide .titlebar ul li a{height: 35px;width: 35px;font-size: 14px;}
    .testimonial-description .user-box img{margin: 0 auto 15px;height: 100px;width: 100px;}
    .testimonial-description .user-box p{margin: 0 0 25px;}
    .testimonial-description .user-description p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}

    .course-wrpper .titlebar{margin: 0 0 25px;}
    .course-wrpper .course-head h2{font-size: 28px;margin: 0 0 15px;}
    .course-wrpper .course-head .form-group{width: 100%;margin: 0 0 25px;}
    .course-wrpper .course-box{padding: 15px;margin: 0 0 20px;min-height: 290px;}
    .course-wrpper .course-box a{position: relative;left: 0;transform: unset; bottom: 0;}

    .course-wrpper .col-md-3.col-sm-6{width: 50%;}
    .livedemo-block .col-md-4.col-sm-12{width: 50%;}
    .testimonial-guide .testimonial-block .col-md-4.col-sm-12{width: 50%;}
    /* **** End Blog **** */

    /* **** Widgets **** */
    .dash-wrpper header{padding: 15px 0;}
    .dash-wrpper header .container{padding: 0 15px;}
    
    .dash-content{padding: 15px;}
    .col-md-3.col-sm-12.main-col{width: 34%;}
    .col-md-9.col-sm-12.main-col{width: 66%;}

    .dash-table-header h2{font-size: 20px;}
    .table-block .table-head .col-md-6{width: 100%;}
    .table-block .table-head .col-md-6 .col-md-6{width: 50%;}
    .table-block .table-head .btn-primary{margin: 15px 0 0;}
    table.dataTable.nowrap th, table.dataTable.nowrap td{min-width: 150px;}
    /* **** End Widgets **** */

    /* **** Customize **** */
    .posts-head .container{padding: 0 15px;}
    .posts-block{padding: 15px;}
    .posts-block h5{font-size: 15px;line-height: 22px;flex-wrap: wrap;}
    .posts-block h5 img{margin-right: 10px;max-width: 24px;}
    .posts-block h5 span{display: table;margin: 10px 0 0;}
    .posts-block ul.main-row li{margin: 0 10px  0 0;}
    .posts-block ul.main-row li a{font-size: 16px;line-height: 24px;padding: 10px 10px;}

    .customize-wrp{padding-left: 185px;}
    .customize-wrp .customize-block{padding: 0 15px;}
    .customize-filter{left: 15px;}
    .customize-wrp.open{padding-left: 440px;}
    .user-customize{padding: 20px;}

    .blog-block{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
    /* **** End Customize **** */

    /* **** Customize **** */
    .posts-head .container{padding: 0 15px;}
    .toggle-btn{display: block;}
    body.open{height: 100%;position: fixed;overflow: hidden;width: 100%;}
   
    .customize-wrp{padding: 0}
    .customize-filter{position: fixed;left: 0;bottom: 0;left: 0;border-radius: 100%; height: calc(100% - 59.55px); border-radius:0;top:auto;width: 100%;left: -100%;transition: all 0.3s linear;background: #020510;overflow: auto;padding: 0 0 30px;}
    .customize-wrp.open .filter-block{width: 100%;left: 0;display: block}
    .customize-wrp.open .customize-filter{left: 0;}
    .customize-wrp.open{padding: 0;}

    .filter-block{min-height: auto;border-radius: 0;padding: 20px 15px;width: 100%;}
    .filter-block .nav-tabs{width: 100%;border-radius: 0;padding: 0;display: flex;flex-wrap: wrap;margin: 0 -3px;justify-content: center}
    .filter-block .nav-tabs li{margin: 0 0 6px;width:20%;padding: 0 3px;}
    .filter-block .nav-tabs li:last-child{margin: 0;}
    .filter-block .nav-tabs li .nav-link{padding: 0;font-size: 16px;line-height: 24px;background: #12141d;padding: 10px 15px;text-align: center;border-radius: 4px;}
    
    .customize-wrp.open .filter-block .tab-content{width: 100%;}
    .tab-content-block{padding: 15px;border-radius: 10px;margin: 20px 0 0;min-height: unset;width: 100%;}
    .tab-content-block .button-box{position: relative;left: 0;right: 0;bottom: 0;padding: 0;padding: 20px 0 0;}
    .customize-wrp .form-group:last-child{margin: 0;}

    .customize-wrp.open .refresh-box{width: auto;margin: 0 15px;}
    .refresh-box p{font-size: 16px;line-height: 24px;margin: 0 0 10px;}
    .refresh-box h6{font-size: 16px;line-height: 24px;margin: 0 0 15px;}
    
    .posts-block{padding: 15px;margin: 20px 0;}
    .posts-block h5{font-size: 15px;line-height: 22px;flex-wrap: wrap;}
    .posts-block h5 img{margin-right: 10px;max-width: 24px;}
    .posts-block h5 span{display: table;margin-left: 10px;}
    .posts-block ul.main-row{margin: 15px 0 0;justify-content: flex-start;}
    .posts-block ul.main-row li{margin: 0 10px  0 0;}
    .posts-block ul.main-row li a{font-size: 16px;line-height: 24px;padding: 10px 10px;}

    .customize-wrp .customize-block{padding: 0 15px;}

    .user-customize{padding: 15px;}
    .user-customize .user-img{height: 40px;width: 40px;,margin-right: 10px;}
    .user-customize h3{font-size: 16px;line-height: 18px;}
    .user-customize h6{font-size: 15px;line-height: 20px;margin: 0 0 5px;}
    .user-customize p{font-size: 15px;line-height: 22px;margin: 0 0 10px;}

    .blog-block .item{width: 100%}
    /* **** End Customize **** */

    /* **** widgets Table **** */
    .table-block .table-footer .col-md-5.col-sm-12{width: 100%;}
    .table-block .table-footer .col-md-7.col-sm-12{width: 100%;}
    .table-block table tbody tr td:first-child{min-width: 200px;}
    .table-block table tbody tr td:nth-child(2){min-width: 140px;}
    .table-block table tbody tr td:last-child{min-width: 170px;}
    .table-footer p{margin: 0 0 15px;text-align: center;}
    .table-footer ul{flex-wrap: wrap;justify-content: center;}
    .table-footer ul li{font-size: 12px;line-height: 15px;}
    .table-footer ul li a.number{font-size: 12px;height: 22px;width: 22px;}
    .table-footer ul li{margin-right: 4px;}
    .table-footer ul li:nth-child(9){}
    .table-footer ul li a.last-number{width: 30px;}
    .tbl-pagination{justify-content: center}
    /* **** End widgets Table **** */

    .pricing-wrpper .reange-block .ui-widget-content{max-width: 75%}
}

@media(min-width:576px) and (max-width:767px){
    .tutorials-wrp{padding: 60px 0;}   
    .tutorial-list-wrp{padding: 60px 0;}
    .tutorial-list-section .nav-tabs{margin: 0 0 30px;}
    .tutorial-list-section .nav-tabs li{width: 100%;}
    .tutorial-list-section .nav-tabs .nav-link{display: block;padding: 10px 15px;text-align: center;font-size: 16px;border: none;margin: 0;}
    .tutorial-list-section .tutorial-block p{font-size: 15px;margin: 0 0 20px;}
    .tutorial-list-section .tutorial-block ul li{width: 50%;margin: 0 0 10px;}
    .tutorial-list-section .tutorial-block ul li:last-child{margin: 0;}
    .tutorial-list-section .tutorial-block ul li a{font-size: 15px;}

    .media-sources-wrp{padding: 60px 0;text-align: center;}
    .media-sources-wrp img{margin: 0 auto 30px;}
    .media-sources-wrp h2{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .media-sources-wrp p{font-size: 16px;line-height: 24px;}

    .sociable-wrp{padding: 0 0 60px;}
    .sociable-wrp .sociable-block{padding: 25px 25px 0;}
    .sociable-wrp .sociable-block h2{font-size: 26px;line-height: 36px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block h2 br{display: none;}
    .sociable-wrp .sociable-block p{font-size: 15px;line-height: 24px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block ul{display: block;}
    .sociable-wrp .sociable-block ul li{margin: 0 0 15px;font-size: 13px;}
    .sociable-wrp .sociable-block ul a{margin: 0 auto;}
    .sociable-wrp .sociable-block .sociable-box{display: block;}
    .sociable-wrp .sociable-block .sociable-box .user-info{margin: 0 0 15px;}
    .sociable-wrp .sociable-block .girl-img{position: relative;}
    .sociable-wrp .sociable-block .sociable-box h5{font-size: 16px;}

    .support-block{padding: 20px;}
    .support-block .row{flex-flow: column-reverse;}
    .support-block .support-img img{margin: 0 0 30px;}
    .support-block h2{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .support-block p{font-size: 16px;line-height: 24px;}

    footer{padding: 60px 0;}
    footer .main-row{flex-wrap: wrap;}
    footer .main-row .main-col{margin: 0 0 40px;width: 50%;}
    footer .main-row .main-col:first-child{width: 100%;}
    footer .foot-logo img{margin: 0 0 10px;}
    footer .foot-logo p{margin: 0 0 10px;}
    footer .foot-logo .social-bx h3{font-size: 20px;line-height: 30px;margin: 32px 0 10px;}
    footer .quicklinks h3{font-size: 20px;line-height: 30px;margin: 0 0 10px;}
    footer .quicklinks ul li{margin: 0 0 8px;}
    footer .quicklinks ul li a{font-size: 16px;line-height: 20px;}

    .social-media-feed .slider-box{padding: 0 45px;margin: 0 0 20px;}
    .social-media-feed .item.active .slider-box{padding: 20px;}
    .social-media-feed .item .slider-box h3 img{width: 40px;margin-right: 10px;min-width: 40px;}
    .social-media-feed .item .slider-box h3{font-size: 18px;line-height: 24px;width: 100%;}
    .social-media-feed .item .slider-box h3 br{display: none;}
    .social-media-feed .item .slider-box p{margin: 15px 0;padding-left: 50px;font-size: 15px;line-height: 22px;}
    .social-media-feed .item .slider-box a{margin-left: 50px;font-size: 20px;line-height: 20px;}


    .course-wrp{padding: 50px 0;}
    .course-sitebar .accordion .accordion-item .accordion-button{font-size: 16px;}
    .course-sitebar .accordion .accordion-body ul li a{font-size: 15px;}
    .course-sitebar{position: fixed;left: -100%;top: 0;bottom: 0;height: 100%;overflow: auto;width: 100%;border-radius: 0;padding: 60px 15px 15px;}
    .close-sitebar{display: flex;}
    .search-filter h2 a{display: flex;}
    .course-sitebar.open{left: 0;}
    .search-filter h2{margin: 0 0 20px;}
    .search-filter .form-group{max-width: 100%;}

    .course-wrp .container{max-width: 540px;}
    .course-block .row{margin: 0 -15px;}
    .course-block .row .col-md-4{padding: 0 15px;width:50%;}
    .course-block .course-box{padding: 20px;margin: 0 0 15px;}
    .course-block .course-box img{max-width: 50px;margin: 0 auto 15px;}
    .course-block .course-box h3{font-size: 22px;margin: 0 0 10px;}

    .element-item{width: 50%;padding: 0 10px}
    .course-block{margin: 0 -10px;}

    .tutorail-banner.banner-wrp .left-shape{width: 20%;top: auto;bottom: 150px;}
    .tutorail-banner.banner-wrp .right-shape{width: 20%;top: auto;bottom: 150px;}
    .tutorail-banner.banner-wrp h1{font-size: 35px;line-height: 45px;margin: 0 0 15px;}
    .tutorail-banner.banner-wrp p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .tutorail-banner.banner-wrp form button{position: relative;transform: unset;left: 0;right: 0;margin: 20px auto 0;}
    .tutorail-banner.banner-wrp form .form-group .form-control{padding: 12px 24px;}

    button.slick-prev.slick-arrow:before, button.slick-next.slick-arrow:before{height: 45px;width: 45px;font-size: 18px;}
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow{left: -20px;}
    button.slick-next.slick-arrow{left: auto;right: -20px}
    .header .dropdown .dropdown-menu .dropdown-item{font-size: 15px;padding: 8px 10px;}

    .video-section{padding: 0 40px;}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{top: 58%;margin-top: -20px;}
    .video-wrp .swiper-button-prev:before, 
    .video-wrp .swiper-button-next:before{width: 35px;height: 35px;font-size: 18px;line-height: 35px;}
    .header .dropdown .dropdown-menu{display: none;}
    .header .dropdown:hover .dropdown-menu{display: block;}

    /* **** Login **** */
    .login-wrpper{display: flex;flex-wrap: wrap;flex-flow: column-reverse;}
    .login-wrpper .testimonial-block{max-width: 500px;}
    .login-wrpper .login-form{max-width: 500px;}
    .login-wrpper .left-part{width: 100%;display: block;padding: 40px 16px;}
    .login-wrpper .right-part{width: 100%;display: block;padding: 40px 16px;}
    .login-wrpper .testimonial-block h2{font-size: 30px;line-height: 40px;margin: 0 0 30px;}
    .login-wrpper .testimonial-box .user-box .discerption p{font-size: 14px;line-height: 20px;}
    .login-wrpper .testimonial-shape2{width: 120px;right: 0px;bottom: 30px;}
    .login-wrpper .testimonial-shape{top: 20px;}
    .login-wrpper .login-form .logo-img{margin: 0 0 30px;}
    .login-wrpper .login-form .login-title h2{font-size: 30px;line-height: 32px;}
    .login-wrpper .login-form .login-title p br{display: none;}
    .login-wrpper .login-form .login-title ul li{width: 50%;margin: 0 0 16px;}
    .login-wrpper .login-form .login-title ul li a{justify-content: center;}
    /* **** End Login **** */

    /* **** Blog **** */
    .tutorail-banner.banner-wrp.blog-bannerwrp{padding: 50px 0;}
    .tutorail-banner.banner-wrp.blog-bannerwrp h1 br{display: none;}
    .tutorail-banner.banner-wrp .left-shape {width: 10%;top: 15px;}
    .tutorail-banner.banner-wrp .right-shape{width: 10%;top: 15px;}

    .update-wrp{padding: 50px 0;}
    .update-wrp h2{font-size: 20px;margin: 0 0 15px;text-align:left;}
    .update-wrp p{font-size: 16px;line-height: 24px;}

    .main-blocks{padding: 20px;}
    .page-header{margin: 0 0 40px;padding: 0 25px;}
    .nav-box a{font-size: 16px;line-height: 20px;}
    .titlebar{padding: 0 0 20px;margin: 0 0 30px;}
    .titlebar h2{font-size: 24px;line-height: 32px;padding-left: 10px;}
    .titlebar h2 br{display: none;}
    .titlebar p{font-size: 16px;line-height: 22px;}
    .titlebar p br{display: none;}

    .quick-data ul{margin: 0 0 25px;}
    .quick-data li{font-size: 15px;line-height: 20px;align-items: flex-start;}
    .quick-data p{font-size: 15px;line-height: 20px;}

    .guide-data h3{font-size: 20px;line-height: 26px;margin: 0 0 15px;}
    .guide-data p{font-size: 16px;line-height: 24px;margin: 0 0 25px;}
    .guide-data ul.guide-block li{font-size: 16px;line-height: 24px;}
    .guide-data ul.guide-block li img{margin: 20px 0 0;}

    .guide-description h4{font-size: 20px;line-height: 26px;margin: 0 0 20px;}
    .guide-description p{font-size: 16px;line-height: 24px;margin: 0 0 25px;}
    .guide-description ul li{font-size: 16px;line-height: 24px;}

    .video-guide .video-section{padding: 0;}
    .livedemo-guide .livedemo-box .box-discerption h6{align-items: flex-start;font-size: 15px;}
    .livedemo-guide .livedemo-box .box-discerption h3{font-size: 18px;line-height: 20px;}
    .livedemo-guide .livedemo-box .box-discerption p{font-size: 15px;align-items: flex-start;}

    .testimonial-guide .testimonial-box{padding: 15px;}
    .testimonial-guide .testimonial-box p{font-size: 15px;line-height: 24px;}

    .events-block ul li h3{font-size: 16px;line-height: 20px;}
    .events-block ul li p{font-size: 15px;line-height: 24px;}

    .events-examples-guide .event-bix .event-description h3{font-size: 20px;line-height: 24px;}
    .events-examples-guide .event-bix .event-description h3 br{display: none;}
    .events-examples-guide .event-bix .event-description p{font-size: 16px;line-height: 24px;}
    .events-examples-guide .event-bix img{margin: 15px 0 0;}

    .alternative-guide .alternative-block ul{margin: 0 0 25px;}
    .alternative-guide .alternative-block ul li{font-size: 16px;line-height: 24px;}
    .alternative-guide .alternative-block p{font-size: 16px;line-height: 24px;}

    .offer-guide .offer-block{padding: 20px;text-align: center;}
    .offer-guide .offer-block .row{flex-flow: column-reverse;}
    .offer-guide .offer-block h3{font-size: 24px;line-height: 30px;margin: 0 0 15px;}
    .offer-guide .offer-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .offer-guide .offer-block a{font-size: 16px;padding: 10px 24px;display: table;margin: 0 auto;}
    .offer-guide .offer-block img{margin: 0 0 20px;width: 100%;}

    .builder-block .accordion .accordion-item .accordion-button{padding: 8px 35px 8px 8px;font-size: 16px;line-height: 24px;align-items: flex-start;}
    .builder-block .accordion .accordion-item .accordion-button span{height: 35px;width: 35px;min-width: 35px;margin-right: 10px;line-height: 35px;padding: 0;}
    .builder-block .accordion .accordion-item .accordion-button:before{height: 25px;width: 25px;right: 5px;line-height: 25px;font-size: 12px;top: 8px;transform: unset;}

    .builder-block .accordion .accordion-item .accordion-body{padding: 20px 0;}
    .builder-block .builder-infohead h3{font-size: 20px;line-height: 24px;margin: 0 0 25px;}
    .builder-block .builder-infohead ul li h3{font-size: 16px;line-height: 24px;}
    .builder-block .builder-infohead ul li p{font-size: 16px;line-height: 24px;}
    .builder-block .builder-info h6{font-size: 16px;line-height: 24px;}

    .conclusion-guide{margin: 80px 0;}
    .testimonial-common-guide .titlebar{padding: 15px;border-radius: 10px;}
    .testimonial-common-guide .titlebar ul{flex-wrap: wrap;}
    .testimonial-common-guide .titlebar ul li{margin-right: 10px;}
    .testimonial-common-guide .titlebar p{margin: 0 0 20px;}
    .testimonial-common-guide .titlebar ul li a{height: 35px;width: 35px;font-size: 14px;}
    .testimonial-description .user-box img{margin: 0 auto 15px;}
    .testimonial-description .user-box p{margin: 0 0 25px;}
    .testimonial-description .user-description p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}

    .course-wrpper .titlebar{margin: 0 0 25px;}
    .course-wrpper .course-head h2{font-size: 28px;margin: 0 0 15px;}
    .course-wrpper .course-head .form-group{width: 100%;margin: 0 0 25px;}
    .course-wrpper .course-box{padding: 15px;margin: 0 0 20px;min-height: unset;}
    .course-wrpper .course-box a{position: relative;left: 0;transform: unset; bottom: 0;}
    /* **** End Blog **** */

    /* **** Widgets **** */
    .dash-wrpper header{padding: 15px 0;}
    .dash-wrpper header .container{padding: 0 15px;}
    .dash-wrpper header .navbar .navbar-collapse{padding: 80px 30px;}
    .dash-wrpper header .navbar .btn-blue{margin-right: 10px;font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .btn-blue-border{font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .navbar-nav.right-part{flex-flow: inherit;margin: 20px 0 0;align-items: flex-start;}

    .widget-wrp .course-sitebar{position: relative;left: 0;padding: 20px;height: auto;border-radius: 15px;margin: 0 0 30px;}
    .widget-wrp .course-sitebar .close-sitebar{display: none;}

    .dash-table-header{margin: 0 0 20px;}
    .dash-table-header h2{font-size: 20px;line-height: 26px;margin: 0 0 10px;}
    .dash-table-header .progress-box{margin: 0}

    .dash-content{padding: 15px;}
    .table-block {padding: 15px;}
    .table-block .table-head .form-group{margin: 0 0 10px;}
    .table-block .table-head .btn-primary{display: block;width: 100%;text-align: center;}
    .table-block table tbody tr td{min-width: 150px;}
    /* **** End Widgets **** */

    .create-wrp .create-block h2{font-size: 28px;}

    /* **** Customize **** */
    .posts-head .container{padding: 0 15px;}
    .toggle-btn{display: block;}
    body.open{height: 100%;position: fixed;overflow: hidden;width: 100%;}
   
    .customize-wrp{padding: 0}
    .customize-filter{position: fixed;left: 0;bottom: 0;left: 0;border-radius: 100%; height: calc(100% - 59.55px); border-radius:0;top:auto;width: 100%;left: -100%;transition: all 0.3s linear;background: #020510;overflow: auto;padding: 0 0 30px;}
    .customize-wrp.open .filter-block{width: 100%;left: 0;display: block}
    .customize-wrp.open .customize-filter{left: 0;}
    .customize-wrp.open{padding: 0;}

    .filter-block{min-height: auto;border-radius: 0;padding: 20px 15px;width: 100%;}
    .filter-block .nav-tabs{width: 100%;border-radius: 0;padding: 0;display: flex;flex-wrap: wrap;margin: 0 -3px;justify-content: center}
    .filter-block .nav-tabs li{margin: 0 0 6px;width:25%;padding: 0 3px;}
    .filter-block .nav-tabs li:last-child{margin: 0;}
    .filter-block .nav-tabs li .nav-link{padding: 0;font-size: 16px;line-height: 24px;background: #12141d;padding: 10px 15px;text-align: center;border-radius: 4px;}
    
    .customize-wrp.open .filter-block .tab-content{width: 100%;}
    .tab-content-block{padding: 15px;border-radius: 10px;margin: 20px 0 0;min-height: unset;width: 100%;}
    .tab-content-block .button-box{position: relative;left: 0;right: 0;bottom: 0;padding: 0;padding: 20px 0 0;}
    .customize-wrp .form-group:last-child{margin: 0;}

    .customize-wrp.open .refresh-box{width: auto;margin: 0 15px;}
    .refresh-box p{font-size: 16px;line-height: 24px;margin: 0 0 10px;}
    .refresh-box h6{font-size: 16px;line-height: 24px;margin: 0 0 15px;}
    
    .posts-block{padding: 15px;margin: 20px 0;}
    .posts-block h5{font-size: 15px;line-height: 22px;flex-wrap: wrap;}
    .posts-block h5 img{margin-right: 10px;max-width: 24px;}
    .posts-block h5 span{display: table;margin-left: 10px;}
    .posts-block ul.main-row{margin: 15px 0 0;justify-content: flex-start;}
    .posts-block ul.main-row li{margin: 0 10px  0 0;}
    .posts-block ul.main-row li a{font-size: 16px;line-height: 24px;padding: 10px 10px;}

    .customize-wrp .customize-block{padding: 0 15px;}

    .user-customize{padding: 15px;}
    .user-customize .user-img{height: 40px;width: 40px;,margin-right: 10px;}
    .user-customize h3{font-size: 16px;line-height: 18px;}
    .user-customize h6{font-size: 15px;line-height: 20px;margin: 0 0 5px;}
    .user-customize p{font-size: 15px;line-height: 22px;margin: 0 0 10px;}

    .blog-block .item{width: 100%}
    /* **** End Customize **** */

     /* **** widgets Table **** */
    .table-block table tbody tr td:first-child{min-width: 200px;}
    .table-block table tbody tr td:nth-child(2){min-width: 140px;}
    .table-block table tbody tr td:last-child{min-width: 170px;}
    .table-footer p{margin: 0 0 15px;text-align: center;}
    .table-footer ul{flex-wrap: wrap;justify-content: center;}
    .table-footer ul li{font-size: 12px;line-height: 15px;}
    .table-footer ul li a.number{font-size: 12px;height: 22px;width: 22px;}
    .table-footer ul li{margin-right: 4px;}
    .table-footer ul li:nth-child(9){}
    .table-footer ul li a.last-number{width: 30px;}
    .tbl-pagination{justify-content: center}
    /* **** End widgets Table **** */

    .pricing-wrpper .reange-block .ui-widget-content{max-width: 75%}
}

@media(min-width:448px) and (max-width:575px){
    .tutorials-wrp{padding: 60px 0;}   
    .tutorial-list-wrp{padding: 60px 0;}
    .tutorial-list-section .nav-tabs{margin: 0 0 30px;}
    .tutorial-list-section .nav-tabs li{width: 100%;}
    .tutorial-list-section .nav-tabs .nav-link{display: block;padding: 10px 15px;text-align: center;font-size: 16px;border: none;margin: 0;}
    .tutorial-list-section .tutorial-block p{font-size: 15px;margin: 0 0 20px;}
    .tutorial-list-section .tutorial-block ul li{width: 100%;margin: 0 0 10px;}
    .tutorial-list-section .tutorial-block ul li:last-child{margin: 0;}
    .tutorial-list-section .tutorial-block ul li a{font-size: 15px;}

    .media-sources-wrp{padding: 60px 0;text-align: center;}
    .media-sources-wrp img{margin: 0 auto 30px;}
    .media-sources-wrp h2{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .media-sources-wrp p{font-size: 16px;line-height: 24px;}

    .sociable-wrp{padding: 0 0 60px;}
    .sociable-wrp .sociable-block{padding: 25px 25px 0;}
    .sociable-wrp .sociable-block h2{font-size: 26px;line-height: 36px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block h2 br{display: none;}
    .sociable-wrp .sociable-block p{font-size: 15px;line-height: 24px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block ul{display: block;}
    .sociable-wrp .sociable-block ul li{margin: 0 0 15px;font-size: 13px;}
    .sociable-wrp .sociable-block ul a{margin: 0 auto;}
    .sociable-wrp .sociable-block .sociable-box{display: block;}
    .sociable-wrp .sociable-block .sociable-box .user-info{margin: 0 0 15px;}
    .sociable-wrp .sociable-block .girl-img{position: relative;}
    .sociable-wrp .sociable-block .sociable-box h5{font-size: 16px;}

    .support-block{padding: 20px;}
    .support-block .row{flex-flow: column-reverse;}
    .support-block .support-img img{margin: 0 0 30px;}
    .support-block h2{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .support-block p{font-size: 16px;line-height: 24px;}

    footer{padding: 60px 0;}
    footer .main-row{flex-wrap: wrap;}
    footer .main-row .main-col{margin: 0 0 40px;width: 50%;}
    footer .main-row .main-col:first-child{width: 100%;}
    footer .foot-logo img{margin: 0 0 10px;}
    footer .foot-logo p{margin: 0 0 10px;}
    footer .foot-logo .social-bx h3{font-size: 20px;line-height: 30px;margin: 32px 0 10px;}
    footer .quicklinks h3{font-size: 20px;line-height: 30px;margin: 0 0 10px;}
    footer .quicklinks ul li{margin: 0 0 8px;}
    footer .quicklinks ul li a{font-size: 16px;line-height: 20px;}   

    .social-media-feed .slider-box{padding: 0 15px;margin: 0 0 15px;}
    .social-media-feed .item.active .slider-box{padding: 20px;}
    .social-media-feed .item .slider-box h3 img{width: 40px;margin-right: 10px;min-width: 40px;}
    .social-media-feed .item .slider-box h3{font-size: 18px;line-height: 24px;width: 100%;}
    .social-media-feed .item .slider-box h3 br{display: none;}
    .social-media-feed .item .slider-box p{margin: 15px 0;padding-left: 50px;font-size: 15px;line-height: 22px;}
    .social-media-feed .item .slider-box a{margin-left: 50px;font-size: 20px;line-height: 20px;}

    .course-wrp{padding: 50px 0;}
    .course-sitebar .accordion .accordion-item .accordion-button{font-size: 16px;}
    .course-sitebar .accordion .accordion-body ul li a{font-size: 15px;}
    .course-sitebar{position: fixed;left: -100%;top: 0;bottom: 0;height: 100%;overflow: auto;width: 100%;border-radius: 0;padding: 60px 15px 15px;}
    .close-sitebar{display: flex;}
    .search-filter h2 a{display: flex;}
    .course-sitebar.open{left: 0;}
    .search-filter h2{margin: 0 0 20px;}
    .search-filter .form-group{max-width: 100%;}

    .course-block .row{margin: 0 -15px;}
    .course-block .row .col-md-4{padding: 0 15px;}
    .course-block .course-box{padding: 20px;margin: 0 0 15px;}
    .course-block .course-box img{max-width: 50px;margin: 0 auto 15px;}
    .course-block .course-box h3{font-size: 22px;margin: 0 0 10px;}

    .element-item{float: none;width: 100%;padding: 0}

    .tutorail-banner.banner-wrp .left-shape{width: 20%;top: auto;bottom: 150px;}
    .tutorail-banner.banner-wrp .right-shape{width: 20%;top: auto;bottom: 150px;}
    .tutorail-banner.banner-wrp h1{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .tutorail-banner.banner-wrp h1 br{display: none;}
    .tutorail-banner.banner-wrp p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .tutorail-banner.banner-wrp form button{position: relative;transform: unset;left: 0;right: 0;margin: 20px auto 0;}
    .tutorail-banner.banner-wrp form .form-group .form-control{padding: 12px 24px;}

    button.slick-prev.slick-arrow:before, button.slick-next.slick-arrow:before{height: 45px;width: 45px;font-size: 18px;}
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow{left: -15px;}
    button.slick-next.slick-arrow{left: auto;right: -15px}

    .course-block{margin: 0}
    .header .dropdown .dropdown-menu .dropdown-item{font-size: 15px;padding: 8px 10px;}
    .video-section{padding: 0 40px;}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{top: 58%}
    .video-wrp .swiper-button-prev:before, 
    .video-wrp .swiper-button-next:before{width: 35px;height: 35px;font-size: 18px;line-height: 35px;}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{margin-top: -25px;}
    .header .dropdown .dropdown-menu{display: none;}
    .header .dropdown:hover .dropdown-menu{display: block;}

    /* **** Login **** */
    .login-wrpper{display: flex;flex-wrap: wrap;flex-flow: column-reverse;}
    .login-wrpper .left-part{width: 100%;display: block;padding: 40px 16px;}
    .login-wrpper .right-part{width: 100%;display: block;padding: 40px 16px;}
    .login-wrpper .testimonial-block h2{font-size: 30px;line-height: 40px;margin: 0 0 30px;}
    .login-wrpper .testimonial-box .user-box .discerption p{font-size: 14px;line-height: 20px;}
    .login-wrpper .testimonial-shape2{width: 120px;right: 0px;bottom: 30px;}
    .login-wrpper .testimonial-block h2 br{display: none;}
    .login-wrpper .testimonial-shape{top: 20px;}
    .login-wrpper .login-form .logo-img{margin: 0 0 30px;}
    .login-wrpper .login-form .login-title h2{font-size: 30px;line-height: 32px;}
    .login-wrpper .login-form .login-title p br{display: none;}
    .login-wrpper .login-form .login-title ul li{width: 50%;margin: 0 0 16px;}
    .login-wrpper .login-form .login-title ul li a{justify-content: center;}
    /* **** End Login **** */

    /* **** Blog **** */
    .tutorail-banner.banner-wrp.blog-bannerwrp{padding: 50px 0;}
    .tutorail-banner.banner-wrp .left-shape {width: 10%;top: 15px;}
    .tutorail-banner.banner-wrp .right-shape{width: 10%;top: 15px;}

    .update-wrp{padding: 50px 0;}
    .update-wrp h2{font-size: 20px;margin: 0 0 15px;text-align:left;}
    .update-wrp p{font-size: 16px;line-height: 24px;}

    .main-blocks{padding: 20px;}
    .page-header{margin: 0 0 40px;padding: 0 25px;}
    .nav-box a{font-size: 16px;line-height: 20px;}
    .titlebar{padding: 0 0 20px;margin: 0 0 30px;}
    .titlebar h2{font-size: 24px;line-height: 32px;padding-left: 10px;}
    .titlebar h2 br{display: none;}
    .titlebar p{font-size: 16px;line-height: 22px;}
    .titlebar p br{display: none;}

    .quick-data ul{margin: 0 0 25px;}
    .quick-data li{font-size: 15px;line-height: 20px;align-items: flex-start;}
    .quick-data p{font-size: 15px;line-height: 20px;}

    .guide-data h3{font-size: 20px;line-height: 26px;margin: 0 0 15px;}
    .guide-data p{font-size: 16px;line-height: 24px;margin: 0 0 25px;}
    .guide-data ul.guide-block li{font-size: 16px;line-height: 24px;}
    .guide-data ul.guide-block li img{margin: 20px 0 0;}

    .guide-description h4{font-size: 20px;line-height: 26px;margin: 0 0 20px;}
    .guide-description p{font-size: 16px;line-height: 24px;margin: 0 0 25px;}
    .guide-description ul li{font-size: 16px;line-height: 24px;}

    .video-guide .video-section{padding: 0;}
    .livedemo-guide .livedemo-box .box-discerption h6{align-items: flex-start;font-size: 15px;}
    .livedemo-guide .livedemo-box .box-discerption h3{font-size: 18px;line-height: 20px;}
    .livedemo-guide .livedemo-box .box-discerption p{font-size: 15px;align-items: flex-start;}

    .testimonial-guide .testimonial-box{padding: 15px;}
    .testimonial-guide .testimonial-box p{font-size: 15px;line-height: 24px;}

    .events-block ul li h3{font-size: 16px;line-height: 20px;}
    .events-block ul li p{font-size: 15px;line-height: 24px;}

    .events-examples-guide .event-bix .event-description h3{font-size: 20px;line-height: 24px;}
    .events-examples-guide .event-bix .event-description h3 br{display: none;}
    .events-examples-guide .event-bix .event-description p{font-size: 16px;line-height: 24px;}
    .events-examples-guide .event-bix img{margin: 15px 0 0;}

    .alternative-guide .alternative-block ul{margin: 0 0 25px;}
    .alternative-guide .alternative-block ul li{font-size: 16px;line-height: 24px;}
    .alternative-guide .alternative-block p{font-size: 16px;line-height: 24px;}

    .offer-guide .offer-block{padding: 20px;text-align: center;}
    .offer-guide .offer-block .row{flex-flow: column-reverse;}
    .offer-guide .offer-block h3{font-size: 24px;line-height: 30px;margin: 0 0 15px;}
    .offer-guide .offer-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .offer-guide .offer-block a{font-size: 16px;padding: 10px 24px;display: table;margin: 0 auto;}
    .offer-guide .offer-block img{margin: 0 0 20px;width: 100%;}

    .builder-block .accordion .accordion-item .accordion-button{padding: 8px 35px 8px 8px;font-size: 16px;line-height: 24px;align-items: flex-start;}
    .builder-block .accordion .accordion-item .accordion-button span{height: 35px;width: 35px;min-width: 35px;margin-right: 10px;line-height: 35px;padding: 0;}
    .builder-block .accordion .accordion-item .accordion-button:before{height: 25px;width: 25px;right: 5px;line-height: 25px;font-size: 12px;top: 8px;transform: unset;}

    .builder-block .accordion .accordion-item .accordion-body{padding: 20px 0;}
    .builder-block .builder-infohead h3{font-size: 20px;line-height: 24px;margin: 0 0 25px;}
    .builder-block .builder-infohead ul li h3{font-size: 16px;line-height: 24px;}
    .builder-block .builder-infohead ul li p{font-size: 16px;line-height: 24px;}
    .builder-block .builder-info h6{font-size: 16px;line-height: 24px;}

    .conclusion-guide{margin: 80px 0;}
    .testimonial-common-guide .titlebar{padding: 15px;border-radius: 10px;}
    .testimonial-common-guide .titlebar ul{flex-wrap: wrap;}
    .testimonial-common-guide .titlebar ul li{margin-right: 10px;}
    .testimonial-common-guide .titlebar p{margin: 0 0 20px;}
    .testimonial-common-guide .titlebar ul li a{height: 35px;width: 35px;font-size: 14px;}
    .testimonial-description .user-box img{margin: 0 auto 15px;}
    .testimonial-description .user-box p{margin: 0 0 25px;}
    .testimonial-description .user-description p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}

    .course-wrpper .titlebar{margin: 0 0 25px;}
    .course-wrpper .course-head h2{font-size: 28px;margin: 0 0 15px;}
    .course-wrpper .course-head .form-group{width: 100%;margin: 0 0 25px;}
    .course-wrpper .course-box{padding: 15px;margin: 0 0 20px;min-height: unset;}
    .course-wrpper .course-box a{position: relative;left: 0;transform: unset; bottom: 0;}
    /* **** End Blog **** */


    /* **** Widgets **** */
    .dash-wrpper header{padding: 15px 0;}
    .dash-wrpper header .container{padding: 0 15px;}
    .dash-wrpper header .navbar .navbar-collapse{padding: 80px 30px;}
    .dash-wrpper header .navbar .btn-blue{margin-right: 10px;font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .btn-blue-border{font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .navbar-nav.right-part{flex-flow: inherit;margin: 20px 0 0;align-items: flex-start;}

    .widget-wrp .course-sitebar{position: relative;left: 0;padding: 20px;height: auto;border-radius: 15px;margin: 0 0 30px;}
    .widget-wrp .course-sitebar .close-sitebar{display: none;}

    .dash-table-header{margin: 0 0 20px;}
    .dash-table-header h2{font-size: 20px;line-height: 26px;margin: 0 0 10px;}
    .dash-table-header .progress-box{margin: 0}

    .dash-content{padding: 15px;}
    .table-block {padding: 15px;}
    .table-block .table-head .form-group{margin: 0 0 10px;}
    .table-block .table-head .btn-primary{display: block;width: 100%;text-align: center;}
    .table-block table.dataTable>tbody>tr.child ul.dtr-details{display: block;width: 100%;}
    .table-block div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content: center;margin: 10px 0 0;}
    .table-block table tbody tr td{min-width: 150px;}
    /* **** End Widgets **** */

     /* **** Create Wighe **** */
    .create-wrp{padding: 60px 0;}
    .create-wrp .create-block{padding: 15px;}
    .create-wrp .create-block h2{font-size: 24px;line-height: 34px;}
    .create-wrp .create-block .form-group label{font-size: 16px;line-height: 24px;}
    .create-wrp .create-block .form-group label span{font-size: 14px;}
    .button-box .btn-primary{font-size: 18px;line-height: 24px;padding: 10px 30px;}
    /* **** End Create Wighe **** */


    /* **** Customize **** */
    .posts-head .container{padding: 0 15px;}
    .toggle-btn{display: block;}
    body.open{height: 100%;position: fixed;overflow: hidden;width: 100%;}
   
    .customize-wrp{padding: 0}
    .customize-filter{position: fixed;left: 0;bottom: 0;left: 0;border-radius: 100%; height: calc(100% - 59.55px); border-radius:0;top:auto;width: 100%;left: -100%;transition: all 0.3s linear;background: #020510;overflow: auto;padding: 0 0 30px;}
    .customize-wrp.open .filter-block{width: 100%;left: 0;display: block}
    .customize-wrp.open .customize-filter{left: 0;}
    .customize-wrp.open{padding: 0;}

    .filter-block{min-height: auto;border-radius: 0;padding: 20px 15px;width: 100%;}
    .filter-block .nav-tabs{width: 100%;border-radius: 0;padding: 0;display: flex;flex-wrap: wrap;margin: 0 -3px;justify-content: center}
    .filter-block .nav-tabs li{margin: 0 0 6px;width: 33.33%;padding: 0 3px;}
    .filter-block .nav-tabs li:last-child{margin: 0;}
    .filter-block .nav-tabs li .nav-link{padding: 0;font-size: 16px;line-height: 24px;background: #12141d;padding: 10px 15px;text-align: center;border-radius: 4px;}
    
    .customize-wrp.open .filter-block .tab-content{width: 100%;}
    .tab-content-block{padding: 15px;border-radius: 10px;margin: 20px 0 0;min-height: unset;width: 100%;}
    .tab-content-block .button-box{position: relative;left: 0;right: 0;bottom: 0;padding: 0;padding: 20px 0 0;}
    .customize-wrp .form-group:last-child{margin: 0;}

    .customize-wrp.open .refresh-box{width: auto;margin: 0 15px;}
    .refresh-box p{font-size: 16px;line-height: 24px;margin: 0 0 10px;}
    .refresh-box h6{font-size: 16px;line-height: 24px;margin: 0 0 15px;}
    
    .posts-block{padding: 15px;margin: 20px 0;}
    .posts-block h5{font-size: 15px;line-height: 22px;flex-wrap: wrap;}
    .posts-block h5 img{margin-right: 10px;max-width: 24px;}
    .posts-block h5 span{display: table;margin-left: 10px;}
    .posts-block ul.main-row{margin: 15px 0 0;justify-content: flex-start;}
    .posts-block ul.main-row li{margin: 0 10px  0 0;}
    .posts-block ul.main-row li a{font-size: 16px;line-height: 24px;padding: 10px 10px;}

    .customize-wrp .customize-block{padding: 0 15px;}

    .user-customize{padding: 15px;}
    .user-customize .user-img{height: 40px;width: 40px;,margin-right: 10px;}
    .user-customize h3{font-size: 16px;line-height: 18px;}
    .user-customize h6{font-size: 15px;line-height: 20px;margin: 0 0 5px;}
    .user-customize p{font-size: 15px;line-height: 22px;margin: 0 0 10px;}

    .blog-block .item{width: 100%}
    /* **** End Customize **** */

    /* **** widgets Table **** */
    .table-block table tbody tr td:first-child{min-width: 200px;}
    .table-block table tbody tr td:nth-child(2){min-width: 140px;}
    .table-block table tbody tr td:last-child{min-width: 170px;}
    .table-footer p{margin: 0 0 15px;text-align: center;}
    .table-footer ul{flex-wrap: wrap;justify-content: center;}
    .table-footer ul li{font-size: 12px;line-height: 15px;}
    .table-footer ul li a.number{font-size: 12px;height: 22px;width: 22px;}
    .table-footer ul li{margin-right: 4px;}
    .table-footer ul li:nth-child(9){}
    .table-footer ul li a.last-number{width: 30px;}
    .tbl-pagination{justify-content: center}
    /* **** End widgets Table **** */

    .pricing-wrpper .reange-block .ui-widget-content{max-width: 70%}
}

@media(max-width:447px){
    .tutorials-wrp{padding: 60px 0;}   
    .tutorial-list-wrp{padding: 60px 0;}
    .tutorial-list-section .nav-tabs{margin: 0 0 30px;}
    .tutorial-list-section .nav-tabs li{width: 100%;}
    .tutorial-list-section .nav-tabs .nav-link{display: block;padding: 10px 15px;text-align: center;font-size: 16px;border: none;margin: 0;}
    .tutorial-list-section .tutorial-block p{font-size: 15px;margin: 0 0 20px;}
    .tutorial-list-section .tutorial-block ul li{width: 100%;margin: 0 0 10px;}
    .tutorial-list-section .tutorial-block ul li:last-child{margin: 0;}
    .tutorial-list-section .tutorial-block ul li a{font-size: 15px;}

    .media-sources-wrp{padding: 60px 0;text-align: center;}
    .media-sources-wrp img{margin: 0 auto 30px;}
    .media-sources-wrp h2{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .media-sources-wrp p{font-size: 16px;line-height: 24px;}

    .sociable-wrp{padding: 0 0 60px;}
    .sociable-wrp .sociable-block{padding: 25px 25px 0;}
    .sociable-wrp .sociable-block h2{font-size: 26px;line-height: 36px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block h2 br{display: none;}
    .sociable-wrp .sociable-block p{font-size: 15px;line-height: 24px;margin: 0 0 20px;}
    .sociable-wrp .sociable-block ul{display: block;}
    .sociable-wrp .sociable-block ul li{margin: 0 0 15px;font-size: 13px;}
    .sociable-wrp .sociable-block ul a{margin: 0 auto;}
    .sociable-wrp .sociable-block .sociable-box{display: block;}
    .sociable-wrp .sociable-block .sociable-box .user-info{margin: 0 0 15px;}
    .sociable-wrp .sociable-block .girl-img{position: relative;}
    .sociable-wrp .sociable-block .sociable-box h5{font-size: 16px;}

    .support-block{padding: 20px;}
    .support-block .row{flex-flow: column-reverse;}
    .support-block .support-img img{margin: 0 0 30px;}
    .support-block h2{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .support-block p{font-size: 16px;line-height: 24px;}

    footer{padding: 60px 0;}
    footer .main-row{flex-wrap: wrap;}
    footer .main-row .main-col-tutorials{width: 100% !important;}
    footer .main-row .main-col{margin: 0 0 40px;width: 50%;}
    footer .main-row .main-col:first-child{width: 100%;}
    footer .foot-logo img{margin: 0 0 10px;}
    footer .foot-logo p{margin: 0 0 10px;}
    footer .foot-logo .social-bx h3{font-size: 20px;line-height: 30px;margin: 32px 0 10px;}
    footer .quicklinks h3{font-size: 20px;line-height: 30px;margin: 0 0 10px;}
    footer .quicklinks ul li{margin: 0 0 8px;}
    footer .quicklinks ul li a{font-size: 16px;line-height: 20px;}

    .social-media-feed .slider-box{padding: 0 15px;margin: 0 0 15px;}
    .social-media-feed .item.active .slider-box{padding: 20px;}
    .social-media-feed .item .slider-box h3 img{width: 40px;margin-right: 10px;min-width: 40px;}
    .social-media-feed .item .slider-box h3{font-size: 18px;line-height: 24px;width: 100%;}
    .social-media-feed .item .slider-box h3 br{display: none;}
    .social-media-feed .item .slider-box p{margin: 15px 0;padding-left: 50px;font-size: 15px;line-height: 22px;}
    .social-media-feed .item .slider-box a{margin-left: 50px;font-size: 20px;line-height: 20px;}

    .course-wrp{padding: 50px 0;}
    .course-sitebar .accordion .accordion-item .accordion-button{font-size: 16px;}
    .course-sitebar .accordion .accordion-body ul li a{font-size: 15px;}
    .course-sitebar{position: fixed;left: -100%;top: 0;bottom: 0;height: 100%;overflow: auto;width: 100%;border-radius: 0;padding: 60px 15px 15px;}
    .close-sitebar{display: flex;}
    .search-filter h2 a{display: flex;}
    .course-sitebar.open{left: 0;}
    .search-filter h2{margin: 0 0 20px;}
    .search-filter .form-group{max-width: 100%;}

    .course-block .row{margin: 0 -15px;}
    .course-block .row .col-md-4{padding: 0 15px;}
    .course-block .course-box{padding: 20px;margin: 0 0 15px;}
    .course-block .course-box img{max-width: 50px;margin: 0 auto 15px;}
    .course-block .course-box h3{font-size: 22px;margin: 0 0 10px;}

    .element-item{float: none;width: 100%;padding: 0}

    .tutorail-banner.banner-wrp .left-shape{width: 20%;top: auto;bottom: 150px;}
    .tutorail-banner.banner-wrp .right-shape{width: 20%;top: auto;bottom: 150px;}
    .tutorail-banner.banner-wrp h1{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .tutorail-banner.banner-wrp h1 br{display: none;}
    .tutorail-banner.banner-wrp p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .tutorail-banner.banner-wrp form button{position: relative;transform: unset;left: 0;right: 0;margin: 20px auto 0;}
    .tutorail-banner.banner-wrp form .form-group .form-control{padding: 12px 24px;}

    button.slick-prev.slick-arrow:before, button.slick-next.slick-arrow:before{height: 45px;width: 45px;font-size: 18px;}
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow{left: -15px;}
    button.slick-next.slick-arrow{left: auto;right: -15px}
    .course-block{margin: 0}

    .header .dropdown .dropdown-menu .dropdown-item{font-size: 15px;padding: 8px 10px;}
    .video-section{padding: 0 25px;}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{top: 58%}
    .video-wrp .swiper-button-prev:before, 
    .video-wrp .swiper-button-next:before{width: 35px;height: 35px;font-size: 18px;line-height: 35px;}
    .video-wrp .swiper-button-prev, .video-wrp .swiper-button-next{margin-top: -25px;}
    .header .dropdown .dropdown-menu{display: none;}
    .header .dropdown:hover .dropdown-menu{display: block;}


    /* **** Login **** */
    .login-wrpper{display: flex;flex-wrap: wrap;flex-flow: column-reverse;}
    .login-wrpper .left-part{width: 100%;display: block;padding: 40px 16px;}
    .login-wrpper .right-part{width: 100%;display: block;padding: 40px 16px;}
    .login-wrpper .testimonial-block h2{font-size: 30px;line-height: 40px;margin: 0 0 30px;}
    .login-wrpper .testimonial-box .user-box .discerption p{font-size: 14px;line-height: 20px;}
    .login-wrpper .testimonial-shape2{width: 120px;right: 0px;bottom: 30px;}
    .login-wrpper .testimonial-block h2 br{display: none;}
    .login-wrpper .testimonial-shape{top: 20px;}
    .login-wrpper .login-form .logo-img{margin: 0 0 30px;}
    .login-wrpper .login-form .login-title h2{font-size: 30px;line-height: 32px;}
    .login-wrpper .login-form .login-title p br{display: none;}
    .login-wrpper .login-form .login-title ul li{width: 50%;margin: 0 0 16px;}
    .login-wrpper .login-form .login-title ul li a{justify-content: center;}
    /* **** End Login **** */

    /* **** Blog **** */
    .tutorail-banner.banner-wrp.blog-bannerwrp{padding: 50px 0;}
    .tutorail-banner.banner-wrp .left-shape {width: 10%;top: 15px;}
    .tutorail-banner.banner-wrp .right-shape{width: 10%;top: 15px;}

    .update-wrp{padding: 50px 0;}
    .update-wrp h2{font-size: 20px;margin: 0 0 15px;text-align: left;}
    .update-wrp p{font-size: 16px;line-height: 24px;}

    .main-blocks{padding: 20px;}
    .page-header{margin: 0 0 40px;padding: 0 25px;}
    .nav-box a{font-size: 16px;line-height: 20px;}
    .titlebar{padding: 0 0 20px;margin: 0 0 30px;}
    .titlebar h2{font-size: 24px;line-height: 32px;padding-left: 10px;}
    .titlebar h2 br{display: none;}
    .titlebar p{font-size: 16px;line-height: 22px;}
    .titlebar p br{display: none;}

    .quick-data ul{margin: 0 0 25px;}
    .quick-data li{font-size: 15px;line-height: 20px;align-items: flex-start;}
    .quick-data p{font-size: 15px;line-height: 20px;}

    .guide-data h3{font-size: 20px;line-height: 26px;margin: 0 0 15px;}
    .guide-data p{font-size: 16px;line-height: 24px;margin: 0 0 25px;}
    .guide-data ul.guide-block li{font-size: 16px;line-height: 24px;}
    .guide-data ul.guide-block li img{margin: 20px 0 0;}

    .guide-description h4{font-size: 20px;line-height: 26px;margin: 0 0 20px;}
    .guide-description p{font-size: 16px;line-height: 24px;margin: 0 0 25px;}
    .guide-description ul li{font-size: 16px;line-height: 24px;}

    .video-guide .video-section{padding: 0;}
    .livedemo-guide .livedemo-box .box-discerption h6{align-items: flex-start;font-size: 15px;}
    .livedemo-guide .livedemo-box .box-discerption h3{font-size: 18px;line-height: 20px;}
    .livedemo-guide .livedemo-box .box-discerption p{font-size: 15px;align-items: flex-start;}

    .testimonial-guide .testimonial-box{padding: 15px;}
    .testimonial-guide .testimonial-box p{font-size: 15px;line-height: 24px;}

    .events-block ul li h3{font-size: 16px;line-height: 20px;}
    .events-block ul li p{font-size: 15px;line-height: 24px;}

    .events-examples-guide .event-bix .event-description h3{font-size: 20px;line-height: 24px;}
    .events-examples-guide .event-bix .event-description h3 br{display: none;}
    .events-examples-guide .event-bix .event-description p{font-size: 16px;line-height: 24px;}
    .events-examples-guide .event-bix img{margin: 15px 0 0;}

    .alternative-guide .alternative-block ul{margin: 0 0 25px;}
    .alternative-guide .alternative-block ul li{font-size: 16px;line-height: 24px;}
    .alternative-guide .alternative-block p{font-size: 16px;line-height: 24px;}

    .offer-guide .offer-block{padding: 20px;text-align: center;}
    .offer-guide .offer-block .row{flex-flow: column-reverse;}
    .offer-guide .offer-block h3{font-size: 24px;line-height: 30px;margin: 0 0 15px;}
    .offer-guide .offer-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .offer-guide .offer-block a{font-size: 16px;padding: 10px 24px;display: table;margin: 0 auto;}
    .offer-guide .offer-block img{margin: 0 0 20px;width: 100%;}

    .builder-block .accordion .accordion-item .accordion-button{padding: 8px 35px 8px 8px;font-size: 16px;line-height: 24px;align-items: flex-start;}
    .builder-block .accordion .accordion-item .accordion-button span{height: 35px;width: 35px;min-width: 35px;margin-right: 10px;line-height: 35px;padding: 0;}
    .builder-block .accordion .accordion-item .accordion-button:before{height: 25px;width: 25px;right: 5px;line-height: 25px;font-size: 12px;top: 8px;transform: unset;}

    .builder-block .accordion .accordion-item .accordion-body{padding: 20px 0;}
    .builder-block .builder-infohead h3{font-size: 20px;line-height: 24px;margin: 0 0 25px;}
    .builder-block .builder-infohead ul li h3{font-size: 16px;line-height: 24px;}
    .builder-block .builder-infohead ul li p{font-size: 16px;line-height: 24px;}
    .builder-block .builder-info h6{font-size: 16px;line-height: 24px;}

    .conclusion-guide{margin: 80px 0;}
    .testimonial-common-guide .titlebar{padding: 15px;border-radius: 10px;}
    .testimonial-common-guide .titlebar ul{flex-wrap: wrap;}
    .testimonial-common-guide .titlebar ul li{margin-right: 10px;}
    .testimonial-common-guide .titlebar p{margin: 0 0 20px;}
    .testimonial-common-guide .titlebar ul li a{height: 35px;width: 35px;font-size: 14px;}
    .testimonial-description .user-box img{margin: 0 auto 15px;}
    .testimonial-description .user-box p{margin: 0 0 25px;}
    .testimonial-description .user-description p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}

    .course-wrpper .titlebar{margin: 0 0 25px;}
    .course-wrpper .course-head h2{font-size: 28px;margin: 0 0 15px;}
    .course-wrpper .course-head .form-group{width: 100%;margin: 0 0 25px;}
    .course-wrpper .course-box{padding: 15px;margin: 0 0 20px;min-height: unset;}
    .course-wrpper .course-box a{position: relative;left: 0;transform: unset; bottom: 0;}
    /* **** End Blog **** */

    /* **** Widgets **** */
    .dash-wrpper header{padding: 15px 0;}
    .dash-wrpper header .container{padding: 0 15px;}
    .dash-wrpper header .navbar .navbar-collapse{padding: 80px 30px;}
    .dash-wrpper header .navbar .btn-blue{margin-right: 10px;font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .btn-blue-border{font-size: 14px;line-height: 18px;padding: 6px 12px;}
    .dash-wrpper header .navbar .navbar-nav.right-part{flex-flow: inherit;margin: 20px 0 0;align-items: flex-start;}

    .widget-wrp .course-sitebar{position: relative;left: 0;padding: 20px;height: auto;border-radius: 15px;margin: 0 0 30px;}
    .widget-wrp .course-sitebar .close-sitebar{display: none;}

    .dash-table-header{margin: 0 0 20px;}
    .dash-table-header h2{font-size: 20px;line-height: 26px;margin: 0 0 10px;}
    .dash-table-header .progress-box{margin: 0}

    .dash-content{padding: 15px;}
    .table-block {padding: 15px;}
    .table-block .table-head .form-group{margin: 0 0 10px;}
    .table-block .table-head .btn-primary{display: block;width: 100%;text-align: center;}
    .table-block table.dataTable>tbody>tr.child ul.dtr-details{display: block;width: 100%;}
    .table-block div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content: center;margin: 10px 0 0;}
    /* **** End Widgets **** */

    /* **** Create Wighe **** */
    .create-wrp{padding: 60px 0;}
    .create-wrp .create-block{padding: 15px;}
    .create-wrp .create-block h2{font-size: 24px;line-height: 34px;}
    .create-wrp .create-block .form-group label{font-size: 16px;line-height: 24px;}
    .create-wrp .create-block .form-group label span{font-size: 14px;}
    .button-box .btn-primary{font-size: 18px;line-height: 24px;padding: 10px 30px;}
    /* **** End Create Wighe **** */

    /* **** Customize **** */
    .posts-head .container{padding: 0 15px;}
    .toggle-btn{display: block;}
    body.open{height: 100%;position: fixed;overflow: hidden;width: 100%;}
   
    .customize-wrp{padding: 0}
    .customize-filter{position: fixed;left: 0;bottom: 0;left: 0;border-radius: 100%; height: calc(100% - 59.55px); border-radius:0;top:auto;width: 100%;left: -100%;transition: all 0.3s linear;background: #020510;overflow: auto;padding: 0 0 30px;}
    .customize-wrp.open .filter-block{width: 100%;left: 0;display: block}
    .customize-wrp.open .customize-filter{left: 0;}
    .customize-wrp.open{padding: 0;}

    .filter-block{min-height: auto;border-radius: 0;padding: 20px 15px;width: 100%;}
    .filter-block .nav-tabs{width: 100%;border-radius: 0;padding: 0;display: flex;flex-wrap: wrap;margin: 0 -3px;}
    .filter-block .nav-tabs li{margin: 0 0 6px;width: 50%;padding: 0 3px;}
    .filter-block .nav-tabs li:last-child{margin: 0;width: 100%;}
    .filter-block .nav-tabs li .nav-link{padding: 0;font-size: 16px;line-height: 24px;background: #12141d;padding: 10px 15px;text-align: center;border-radius: 4px;}
    
    .customize-wrp.open .filter-block .tab-content{width: 100%;}
    .tab-content-block{padding: 15px;border-radius: 10px;margin: 20px 0 0;min-height: unset;width: 100%;}
    .tab-content-block .button-box{position: relative;left: 0;right: 0;bottom: 0;padding: 0;padding: 20px 0 0;}
    .customize-wrp .form-group:last-child{margin: 0;}

    .customize-wrp.open .refresh-box{width: auto;margin: 0 15px;}
    .refresh-box p{font-size: 16px;line-height: 24px;margin: 0 0 10px;}
    .refresh-box h6{font-size: 16px;line-height: 24px;margin: 0 0 15px;}
    
    .posts-block{padding: 15px;margin: 20px 0;}
    .posts-block h5{font-size: 20px;line-height: 22px;flex-wrap: wrap;display: inline-block;}
    .posts-block h5 img{margin-right: 10px;max-width: 24px;}
    .posts-block h5 span{display: table;margin: 5px 0 0;}
    .posts-block ul.main-row{flex-flow: wrap;margin: 10px 0 0;display: flex; gap: 10px;}
    .posts-block ul.main-row li{margin: 0;}
    .posts-block ul.main-row li a{font-size: 16px;line-height: 24px;padding: 12px 24px;display: block;width: 100%;}

    .customize-wrp .customize-block{padding: 0 15px;}

    .user-customize{padding: 15px;}
    .user-customize .user-img{height: 40px;width: 40px;,margin-right: 10px;}
    .user-customize h3{font-size: 16px;line-height: 18px;}
    .user-customize h6{font-size: 15px;line-height: 20px;margin: 0 0 5px;}
    .user-customize p{font-size: 15px;line-height: 22px;margin: 0 0 10px;}
    .user-customize ul{display: block;}
    .user-customize ul li{margin: 0 0 10px;}

    .blog-block .item{width: 100%}
    /* **** End Customize **** */

    /* **** widgets Table **** */
    .table-block table tbody tr td:first-child{min-width: 200px;}
    .table-block table tbody tr td:nth-child(2){min-width: 140px;}
    .table-block table tbody tr td:last-child{min-width: 170px;}
    .table-footer p{margin: 0 0 15px;text-align: center;}
    .table-footer ul{flex-wrap: wrap;justify-content: center;}
    .table-footer ul li{font-size: 12px;line-height: 15px;}
    .table-footer ul li a.number{font-size: 12px;height: 22px;width: 22px;}
    .table-footer ul li{margin-right: 4px;margin-bottom: 4px;}
    .table-footer ul li:nth-child(9){}
    .table-footer ul li a.last-number{width: 30px;}
    .tbl-pagination{justify-content: center}
    .tbl-pagination{display: block;}
    .table-footer ul li a.next{margin: 0}
    .table-footer .goto-page{margin: 0 auto 5px;}
    /* **** End widgets Table **** */

    .pricing-wrpper .reange-block .ui-widget-content{max-width: 60%}
}