@media (min-width: 1570px) {
    .first-frame {
        top: -11px;
        left: 0;
    }
    .last-frame {
        bottom: -11px;
        right: 0;
    }
    .our-work img {
        height: 555px;
        object-fit: contain;
    }
    .career-body .vat-title {
        flex: 0 0 32%;
    }
}
@media (min-width: 1800px) {
    .section {
        height: 85vh;
    }
    .feature {
        padding: 200px 0;
    }
    .banner h1 {
        font-size: 44px;
        line-height: 60px;
    }
    .banner,
    .banner .row {
        height: 800px;
    }
    .asset-image-1 img {
        height: 230px;
    }
    .asset-image-2 img {
        height: 200px;
    }
    .container {
        max-width: 80%;
        margin: 0 auto;
    }
}
@media (min-width: 1300px) {
    .container {
        max-width: 80%;
        margin: 0 auto;
    }
}
@media (min-width: 1020px) {
    .cus-padd {
        padding-right: 16px;
        padding-left: 9px;
    }
}
@media (max-width: 1600px) {
    .product-list-all .section,
    .product-list-all .section__img__inner {
        height: 120vh;
    }
}
@media (max-width: 1550px) {
    .fram-image {
        height: 225px;
        object-fit: contain;
    }
    .person {
        height: 260px;
    }
    .product-detail-list-new li strong {
        width: 70px;
    }
    .gradient-button {
        top: 90%;
    }
    .cus-padd {
        padding-right: 11px;
    }
    .brand-m li {
        flex: 0 0 14.8%;
    }
    .brand-page .brand-m li {
        flex: 0 0 15%;
    }
    .career-body {
        min-height: 415px;
    }
}
@media (max-width: 1480px) {
    .banner h1 {
        font-size: 32px;
    }
}
@media (min-width: 1150px) and (max-width: 1300px) {
    .caption-inside {
        width: 92%;
    }
    .product-list-page .col {
        flex: 0 0 14.8%;
    }
    .about-frame-top {
        left: 18px;
    }
    .about-frame-bottom {
        right: 18px;
    }
}
@media (min-width: 1020px) and (max-width: 1050px) {
    .navbar-light .navbar-nav li a {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 15px;
    }
    .navbar-brand {
        margin-right: 0;
    }
	.navbar-brand .img-fluid {
    height: 70px;
    
}
}
@media (min-width: 1300px) and (max-width: 1400px) {
    .product-list-page .col {
        flex: 0 0 14.8%;
    }
    .fram-image {
        height: 172px;
        object-fit: contain;
    }
    .about-frame-top {
        position: absolute;
        top: -20px;
        left: 24px;
    }
    .about-frame-bottom {
        position: absolute;
        bottom: -20px;
        right: 24px;
    }
    .first-frame {
        top: 8px;
        left: 0;
    }
    .last-frame {
        bottom: 8px;
        right: 0;
    }
    .our-work img {
        height: 498px;
        object-fit: contain;
    }
    .blog-list-dis {
        min-height: 330px;
    }
    .product-list-page.brand-page .filter-word li:last-child .btn-success {
        width: 138px;
    }
    .career-body {
        padding: 20px;
    }
}
@media (max-width: 1380px) {
    .banner h1 {
        font-size: 30px;
    }
    h2,
    h3 {
        font-size: 25px;
    }
    h3 div {
        display: inline;
    }
    .container {
        max-width: 90%;
    }
}
@media (max-width: 1230px) {
    .header-social-icon {
        display: none;
    }
    .banner h1 {
        font-size: 26px;
    }
    .banner h1 div {
        display: inline;
    }
    .pos-rel .section {
        height: 100%;
        padding: 6% 0 0;
    }
    .image-box img {
        height: 280px;
    }
    .pos-rel .section:last-child {
        padding: 6% 0;
    }
    .icon-image-box {
        margin-right: 15px;
    }
    .com-title {
        font-size: 16px;
    }
    .container {
        max-width: 96%;
        margin: 0 auto;
    }
}
@media (max-width: 1030px) {
    h1,
    h2,
    h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .faq-text {
        margin-bottom: 40px;
    }
    .banner h1 {

        font-size: 24px;
        line-height: normal;
        margin-bottom: 20px;
    }
    p {
        font-size: 16px;
        line-height: 26px;
    }
    .banner p,
    .blog-list-page .col-xl-4.col-md-6 {
        margin-bottom: 30px;
    }
    .banner .row {
        height: 540px;
    }
    .client-logo-section {
        padding: 40px 0 30px;
    }
    .banner img {
        height: 300px;
    }
    .banner-image-pos {
        top: 24%;
    }
    .why-choose-us-list li {
        font-size: 18px;
    }
    .image-box img {
        height: 240px;
    }
    .best-seller {
        height: 90px;
    }
    .d-ptb {
        padding: 50px 0;
    }
	.blog-list-page .col-xl-4:last-child{
		margin-bottom: 0px;
	}
	.why-choose-us.d-ptb {
    padding: 50px 0 20px;
}
	.choose-us-box.text-center {
    min-height: 100%;
    margin-bottom: 30px;
}
    .banner {
        height: 500px;
    }
    .marketing-tool .col-xl-5.col-md-7.ml-auto {
        margin: 0 auto;
    }
    .com-box-flex {
        justify-content: center;
        margin-top: 40px;
    }
    .blog-list-page .row,
    .product-scroll-section .row {
        justify-content: center;
    }
}
@media (max-width: 890px) {
    .banner img {
        display: none;
    }
    .banner .row {
        height: 510px;
    }
    .banner-frame {
        bottom: -40px;
    }
    .navbar {
        position: absolute;
        z-index: 555;
        top: -40px;
        width: 100%;
        left: 0;
    }
    .navber-section {
        padding: 36px 0;
    }
    .navbar-collapse {
        background: var(--darkblue);
        width: 100%;
        padding: 15px 0;
    }
    .client-logo-icon {
        margin-top: 20px;
    }
    .navbar-light .navbar-nav li a {
        padding: 12px 15px;
        display: block;
    }
    .navber-section.fixed .navbar {
        top: -18px;
    }
    .navber-section.fixed {
        background: var(--darkblue);
        height: 100px;
        padding-top: 20px;
    }
    .pos-rel .section {
        height: 82vh;
        flex-wrap: wrap;
        padding: 14% 0;
    }
    .pos-rel .section:last-child {
        padding: 14% 0;
    }
    .section__img {
        position: relative;
        display: flex;
        width: 100%;
    }
    .section__img__inner {
        height: 300px;
        position: fixed;
        left: 0;
        width: 100%;
        top: 15%;
    }
    .section__body {
        width: 100%;
        top: 32%;
        padding: 0 50px;
        margin-bottom: 14%;
        flex-wrap: wrap;
        background: #262b32;
    }
    .section__text {
        padding-bottom: 50px;
    }
    .image-border {
        margin-bottom: 70px;
    }
    .product-section .col-xl-6.col-lg-6 {
        margin-top: 22%;
    }
    .product-section .image-box {
        right: 25%;
    }
    .product-section::after {
        height: 245px;
    }
    .product-reverse .image-box {
        left: auto;
    }
    .testimonial {
        margin-bottom: 0%;
    }
    .floating-icon img {
        height: 50px;
    }
    .feature {
        padding: 100px 0;
        background-image: none !important;
    }
    .banner {
        height: 460px;
        background-attachment: unset;
    }
    .marketing-tool .col-xl-5.col-md-7.ml-auto {
        flex: 75% !important;
        max-width: 75%;
    }
    .side-navbar {
        background: 0 0;
        width: 100%;
    }
    .side-navbar .navbar-collapse {
        background: #f3f5f9;
        width: 100%;
        padding: 0;
        margin-top: 12px;
    }
    .side-navbar .navbar {
        top: 10px;
        width: 100%;
    }
    .side-navbar .navbar-expand-lg .navbar-nav li {
        padding: 0 15px;
    }
    .side-navbar .navbar-toggler {
        margin-left: 15px;
        border: none;
    }
	.pricing-box {
        border: none;
        padding: 10px;
        margin-bottom: 20px;
        box-shadow: 0 -9px 20px 0 rgba(0, 0, 0, 0.1);
		margin-bottom: 50px;
    }
.join-comunity .all-com-box:last-child, .pricing-box-m .col-xl-4:nth-child(2) .pricing-box {
    margin-top: 0;
}
.recomend-text {
    position: relative;
    
}
.contact-page {
    padding: 50px 0;
}	
.contact-page h3 {
    font-size: 18px;
}
.why-choose-us.d-ptb {
    padding: 50px 0 20px 0px;
}
.choose-us-box.text-center {
    min-height: 100%;
    margin-bottom: 40px;
}
}
@media (max-width: 770px) {
    .pos-rel .section {
        height: 95vh;
        flex-wrap: wrap;
    }
}
@media (max-width: 440px) {
	.navber-section.fixed {
		height: 70px;
		padding-top: 10px;
    }
    .faq-text,
    .feature-list li,
    .footer p,
    .testimonial-items .item .client-des,
    .testimonial-items .item p,
    h6,
    p {
        font-size: 15px;
    }
    .blog-list-page .col-xl-4:last-child,
    .faq-text,
    .side-navbar .navbar-expand-lg .navbar-nav li {
        margin-bottom: 0;
    }
    .call-to-action h3,
    h1,
    h2,
    h3 {
        line-height: 28px;
    }
    .feature,
    .paralux-bg {
        background-image: none !important;
    }
    .banner p,
    .com-box,
    .texttt {
        width: 100%;
    }
    .asset-image-1,
    .recomend-text {
        position: relative;
    }
    .pos-rel .section {
        height: 100vh;
        margin-bottom: 45%;
    }
    .container {
        max-width: 100%;
    }
    .all-com-box {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .com-box {
        margin-left: 0;
        flex-wrap: wrap;
        padding: 15px;
    }
    .feature-image,
    .image-box img {
        height: 100%;
    }
    .banner h1 div,
    h3 div {
        display: block;
    }
    .call-to-action .btn-primary {
        margin: 20px auto 0;
    }
    .testimonial-items .item .client-name,
    h1,
    h2,
    h3 {
        font-size: 17px;
    }
    .image-box {
        top: -20%;
    }
    .panel-heading span,
    .support .panel-title,
    .why-choose-us-list li {
        font-size: 16px;
    }
    .banner h1,
    .feature h1 {
        font-size: 18px;
        line-height: 30px;
    }
    .price-call-to-us h5,
    .price-call-to-us h6 {
        line-height: 25px;
        font-size: 16px;
    }
    .blog-list-dis h4,
    .card-feature h4,
    .com-title,
    .footer strong,
    .panel-title,
    .point-description h4,
    .section__text h3 {
        font-size: 18px;
    }
    .btn-primary {
        font-size: 14px;
        padding: 10px;
        font-weight: 400;
    }
    .footer .dis ul li {
        width: 50%;
    }
    .carasol-scroll .btn-primary.btn-transparent {
        margin-left: 10px;
    }
    .navber-section .btn-primary {
        margin-top: 12px;
        font-size: 15px;
        padding: 10px 8px;
        font-weight: 400;
    }
    .navber-section.fixed .navbar {
        top: -12px;
    }
    .footer .dis ul {
        margin-bottom: 15px;
    }
    .footer ul li a {
        font-size: 13px;
    }
    .carasol-scroll .features-menu li .nav-link {
        width: 130px;
        height: 46px;
        font-size: 15px;
    }
    .footer-bottom-text {
        font-size: 15px;
        text-align: center;
    }
    .best-seller {
        left: auto;
        right: 2%;
        top: -8%;
    }
    .testimonial {
        margin-bottom: 0;
    }
    .section__img__inner {
        height: 230px;
    }
    .section__body {
        top: 34%;
        padding: 0 15px;
    }
    .image-border {
        margin-bottom: 40px;
    }
    .product-section h3 div {
        display: inline;
    }
    .product-section .col-xl-6.col-lg-6 {
        margin-top: 18%;
    }
    .product-section .col-xl-6.col-lg-6:first-child {
        margin-top: 24%;
    }
    .footer,
    .join-comunity.d-ptb {
        padding: 50px 0 30px;
    }
    .product-all-banner.feature {
        padding: 100px 0 50px;
    }
    .feature {
        padding: 100px 0;
    }
    .features-menu li a {
        width: 136px;
        height: 40px;
        font-size: 15px;
    }
    .feature-link.d-ptb {
        padding: 30px 0;
    }
    .brand-logo-car .item a {
        width: 240px;
        height: 65px;
        padding: 20px;
    }
    .banner-frame {
        bottom: -2px;
    }
    .blog-list-m {
        height: auto;
    }
    .banner {
        height: 470px;
    }
    .navbar-brand .img-fluid {
        height: 55px;
        margin-left: 10px;
    }
    .banner .row {
        height: 490px;
    }
    #chartContainer,
    .carasol-scroll {
        overflow: hidden;
    }
	.scroll-tab {
    overflow-x: auto;
	width: auto;
}
    .product-scroll-section.carasol-scroll .features-menu {
        flex-wrap: nowrap;
		width: auto;
		display: inline-flex;
        /*overflow-x: scroll;
        padding-left: 82%;
        margin: 30px 0 10px;*/
		
    }
	.more-than-three-items{
		padding-left: 10%;
	}
    .client-logo-section,
    .pricing-box-m .col-xl-4 {
        padding: 0;
    }
    .navbar-brand {
        margin-right: 0;
    }
    .com-box-flex {
        flex-wrap: wrap;
    }
    .icon-image-box {
        margin-right: 20px;
    }
    .com-details .number,
    .plan-name {
        font-size: 20px;
    }
    .all-com-box {
        margin-right: 0;
        width: 100%;
    }
    .join-comunity .all-com-box:last-child,
    .pricing-box-m .col-xl-4:nth-child(2) .pricing-box {
        margin-top: 0;
    }
    .asset-image-2 img,
    .asset-png,
    .floating-icon span {
        display: none;
    }
    .asset-image-1 {
        top: 0;
        left: 0;
    }
    .marketing-image-box {
        padding: 15px;
    }
    .marketing-tool .col-xl-5.col-md-7.ml-auto {
        flex: 100% !important;
        max-width: 100%;
    }
    .panel-heading {
        padding: 20px 10px;
    }
    .why-choose-us-list {
        margin-bottom: 30px;
    }
    .pie-chart::before {
        height: 50%;
        width: 50%;
        top: 37%;
        left: 25%;
    }
    .plan-common-list li,
    .price-call-to-us .btn-primary {
        font-size: 15px;
        width: 100%;
    }
    .pie-chart {
        height: 300px;
        width: 300px;
    }
    #myChart {
        height: 300px !important;
        width: 300px !important;
    }
    .floating-icon img {
        height: 30px;
        margin-right: 0;
    }
    .floating-icon {
        right: 10px;
        bottom: 3%;
        padding: 5px;
    }
    .why-choose-us.d-ptb {
        padding: 50px 0 20px;
    }
    .why-choose-us .mb-5 {
        margin-bottom: 0 !important;
    }
    .choose-us-box.text-center {
        min-height: 100%;
        margin-bottom: 30px;
    }
    .feature-link.fixed {
        top: 55px;
    }
    .choose-us-box img {
        height: 60px;
    }
    .frontend .row:nth-child(2n) .feature-img-sec {
        order: 2;
    }
    .feature.pricing {
        padding: 80px 0 0;
    }
    .plan-common-list {
        text-align: center;
        margin-top: 0;
    }
    .plan-common-list li {
        margin-right: 0;
        margin-bottom: 8px;
        display: block;
		font-size: 14px;
    }
    sup {
        top: -0.6em;
    }
    .plane-for {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .amount {
        margin-bottom: 30px;
        font-size: 25px;
    }
    
    .price-call-to-us,
    .support .price-call-to-us {
        padding: 20px;
    }
    .support .faq {
        margin-top: 20px;
    }
    .price-call-to-us h5 {
        margin: 15px 0;
    }
    .pricing-sec {
        margin-bottom: 50px;
    }
	.plan-common-list li{
		width: 50%;
	}
	.plan-common-list li:first-child{
		width: 100%;
		display: block;
	}
#button {
    width: 40px;
    height: 40px;
    font-size: 16px;
}
}
@media (max-width: 390px) {
    .banner h1 {
        font-size: 19px;
    }
    .footer p {
        font-size: 14px;
    }
    .product-section .col-xl-6.col-lg-6 {
        margin-top: 15%;
    }
    .product-section .col-xl-6.col-lg-6:first-child {
        margin-top: 20%;
    }
    .panel-title {
        font-size: 16px;
    }
    .pos-rel .section {
        margin-bottom: 64%;
    }
    .section__img__inner {
        height: 190px;
    }
    .testimonial-items .item .client-image {
        left: 35%;
    }
}
@media (max-width: 365px) {
    .banner h1 {
        font-size: 18px;
    }
    .call-to-action h3 {
        font-size: 16px;
    }
    .banner-frame {
        bottom: -10px;
    }
    /*.product-scroll-section.carasol-scroll .features-menu {
        padding-left: 100%;
    }*/
    .navber-section .btn-primary {
        padding: 10px 8px;
        font-size: 12px;
    }
    .navbar-brand .img-fluid {
        height: 50px;
    }
	.navber-section.fixed {
    height: 60px;
    padding-top: 7px;
}
}
@media (max-width: 330px) {
    .banner h1 {
        font-size: 15px;
        line-height: 26px;
    }
    .section__body {
        padding: 0 15px;
    }
    .pos-rel .section {
        margin-bottom: 65%;
        height: 122vh;
    }
    .section__img__inner {
        height: 150px;
    }
    .com-box {
        width: 100%;
        padding: 10px;
    }
    .testimonial-items .item .client-image {
        left: 32%;
    }
    .product-scroll-section.carasol-scroll .features-menu {
        padding-left: 0;
    }
    .btn-primary,
    .call-to-action h3 {
        font-size: 14px;
    }
	.plan-common-list li {
    
    font-size: 12px;
}
}