/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .slider-shape-one {
        left: 2%;
    }
    .slider-content h1 {
        font-size: 54px;
    }
    .team-content h3 {
        font-size: 25px;
    }
    .team-social a {
        font-size: 16px;
        width: 33px;
        height: 33px;
        line-height: 33px;
        margin: 0 2px;
    }
    .blog-content ul.meta li {
        margin-right: 26px;
    }
    .blog-content h2 {
        font-size: 17px;
        line-height: 30px;
    }
    .about-company p {
        line-height: 30px;
        padding-bottom: 0;
    }
    .footer-contact p {
        font-size: 14px;
    }
    .service-details-content p {
        font-size: 16px;
        line-height: 38px;
    }
    .single-team-details .team-details-img {
        height: 445px;
    }
    .single-team-details .team-details-img img {
        height: 100%;
    }
    .single-team-details .team-details ul li {
        margin-top: 23px;
    }
    .single-team-skill p {
        font-size: 14px;
        line-height: 31px;
    }
    .single-team-skill h2 {
        font-size: 22px;
    }
    .single-team-skill p {
        font-size: 14px;
        line-height: 28px;
    }
    .skill-progress li h3 {
        font-size: 16px;
    }
    .team-contact-content h3 {
        font-size: 26px;
    }
    .team-contact-content p {
        font-size: 17px;
    }
    .team-contact-content {
        margin: 0px 165px;
    }
    .portfolio-page-image {
        height: 240px;
    }
    .portfolio-page-content a h2 {
        font-size: 22px;
    }
    .portfolio-page-image a.right-arrow i {
        font-size: 15px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .portfolio-page-content a h2 i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .portfolio-details-right h1 {
        font-size: 42px;
        padding-bottom: 4px;
    }
    .portfolio-details-right p {
        font-size: 15px;
        line-height: 27px;
    }
    .need-help-content p {
        font-size: 14px;
    }
    
    

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .main-menu nav ul li ul {
	    left: -100px;
    }
    .slider-image {
	    width: 380px;
	    height: 380px;
    }
    .slider-content h2 {
	    font-size: 16px;
    }
    .slider-area {
        padding-top: 55px;
        padding-bottom: 110px;
    }
    .slider-content h1 {
        font-size: 36px;
        padding-top: 10px;
        line-height: 50px;
        padding-bottom: 10px;
    }
    .slider-content p {
	    font-size: 17px;
    }
    .theme-btn a {
        font-size: 15px;
        margin-top: 6px;
    }
    .theme-btn a i {
        font-size: 13px;
        padding-left: 5px;
    }
    .sevice-sub-title h3 {
        font-size: 16px;
        color: #FF3C00;
    }
    .sevice-sub-title h1 {
        font-size: 30px;
    }
    .about-content h6 {
	font-size: 16px;
    }
    .about-content h1 {
        font-size: 30px;
        padding: 8px 0;
    }
    .about-content p {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 0;
    }
    .about-list-icon {
        margin-bottom: 14px;
    }
    .about-content ul li {
        margin: 3px 0;
        font-size: 13px;
    }
    .about-content ul li::before {
        font-size: 7px;
    }
    .about-pattern-icon img {
        left: 98px;
        top: -147px;
    }
    .video-content h2 {
        font-size: 42px;
    }
    .feature-content h5.feature-title {
        font-size: 16px;
    }
    .feature-content i {
        font-size: 46px;
        left: 73%;
        top: -18px;
    }
    .feature-content .feature-btn a {
        padding: 42px 0 15px 0;
    }
    .choose-us-exp p {
        font-size: 16px;
        padding: 20px 35px;
    }
    .choose-us-exp p span {
        font-size: 36px;
    }
    .choose-us-content h6 {
        font-size: 15px;
    }
    .choose-us-content h2 {
        font-size: 26px;
    }
    .owl-nav {
        right: 40px;
    }
    .portfolio-title h2 {
        font-size: 30px;
    }
    .portfolio-content a h2 {
        font-size: 20px;
    }
    .team-title h5 {
        font-size: 16px;
    }
    .team-title h2 {
        font-size: 32px;
        margin-bottom: 38px;
    }
    .team-content h3 {
        font-size: 24px;
    }
    .team-content span {
        font-size: 13px;
    }
    .team-social a {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 1px;
    }
    .single-counter i {
        font-size: 26px;
        width: 65px;
        height: 65px;
        line-height: 65px;
        margin-right: 7px;
    }
    .counter-content h5 {
        font-size: 30px;
    }
    .counter-content p {
        font-size: 13px;
    }
    .contact-image {
        padding-top: 90px;
    }
    .blog-title h5 {
        font-size: 16px;
    }
    .blog-title h2 {
        font-size: 34px;
    }
    .blog-img span.date {
        width: 95px;
        height: 65px;
        padding: 12px;
        font-size: 14px;
    }
    .blog-img span.cat {
        width: 230px;
        height: 33px;
        left: -3px;
        font-size: 14px;
        padding-top: 4px;
    }
    .blog-content ul.meta li {
        font-size: 12px;
        margin-right: 8px;
    }
    .blog-content h2 {
        font-size: 15px;
        padding-top: 28px;
        line-height: 26px;
    }
    .newsletter-form .left-content p {
        font-size: 13px;
    }
    .newsletter-form .left-content h3 {
        font-size: 26px;
    }
    .newsletter-form .right-content {
        max-width: 440px;
    }
    .newsletter-form .right-content form input {
        padding: 16px 23px;
    }
    .footer-links ul li {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .recent-post .recent-post-title a h5 {
        font-size: 15px;
    }
    .page-breadcrumb-title h2 {
        font-size: 46px;
        padding-bottom: 6px;
    }
    .page-breadcrumb nav ol li a {
        font-size: 18px;
    }
    .page-breadcrumb nav ol li {
        font-size: 18px;
    }
    .single-team-details .team-details-img {
        height: 460px;
    }
    .single-team-details .team-details-img img {
        height: 100%;
    }
    .team-details-content h2 {
        font-size: 28px;
    }
    .team-details-content span {
        font-size: 14px;
    }
    .single-team-details .team-details ul li {
        font-size: 14px;
    }
    .single-team-details .team-details .details-name strong {
        margin-left: 10px;
    }
    .single-team-details .team-details .details-name {
        width: 144px;
    }
    .single-team-details .team-details .details p {
        font-size: 12px;
    }
    .single-team-details .team-details .team-details-social a {
        font-size: 13px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .single-team-skill h2 {
        font-size: 22px;
    }
    .single-team-skill p {
        font-size: 14px;
        line-height: 27px;
    }
    .skill-progress li h3 {
        font-size: 16px;
    }
    .team-contact-content {
        margin: 0px 165px;
    }
    .team-contact-content h3 {
        font-size: 26px;
    }
    .team-contact-content p {
        font-size: 17px;
    }
    .portfolio-page-image {
        height: 240px;
    }
    .single-page-portfolio:hover .portfolio-page-content {
        bottom: -100px;
    }
    .portfolio-page-content a h2 {
        font-size: 15px;
    }
    .portfolio-page-image a.right-arrow i {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .portfolio-page-content a h2 i {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
    }
    .portfolio-details-left ul li p {
        font-size: 12px;
    }
    .portfolio-details-left ul li h5 {
        font-size: 13px;
    }
    .portfolio-details-right h1 {
        font-size: 34px;
        padding-bottom: 4px;
    }
    .portfolio-details-right p {
        font-size: 13px;
    }
    .testimonial-title h6 {
        font-size: 16px;
    }
    .testimonial-title h1 {
        font-size: 40px;
    }
    .testimonial-content p {
        font-size: 14px;
    }
    .testimonial-info h3 {
        font-size: 22px;
    }
    .testimonial-info p {
        font-size: 12px;
    }
    .testimonial-title-v2 h6 {
        font-size: 18px;
    }
    .testimonial-title-v2 h1 {
        font-size: 42px;
    }
    .hidden-title h4 {
        font-size: 22px;
    }
    .hidden-content .hidden-title p {
        font-size: 12px;
    }
    .hidden-content p {
        font-size: 14px;
    }
    .single-testimonial-v2.six .hidden-content {
        left: 0px;
    }
    .pricing-title p {
        padding: 0px 200px;
        margin-bottom: 46px;
    }
    .pricing-header h3 {
        font-size: 18px;
    }
    .pricing-header h2 {
        font-size: 44px;
    }
    .single-price {
        padding: 40px 16px;
        margin: 0;
    }
    .single-fqa h2 {
        font-size: 27px;
        padding-bottom: 18px;
    }
    .accordion-button {
        font-size: 20px;
    }
    .accordion-button::before {
        font-size: 13px;
    }
    .accordion-body p {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .error-content p {
        padding: 0 260px;
    }
    .signle-product-filter h3 {
        font-size: 20px;
    }
    .signle-product-filter h3::after {
        max-width: 60px;
    }
    .sidebar-search form input {
        padding: 12px 10px;
    }
    .sidebar-categories ul li a {
        font-size: 14px;
    }
    .sidebar-tags ul li a {
        font-size: 14px;
    }
    .need-help-content p {
        font-size: 14px;
    }
    .need-help-content h3 {
        font-size: 30px;
    }
    .need-content h4 {
        font-size: 22px;
    }
    .need-content .icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    .map-area {
        height: 400px;
    }
    .map-area iframe {
        height: 400px;
    }
     
    
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .sticky .mean-container a.meanmenu-reveal span {
        background: #fff none repeat scroll 0 0;
    }
    .sticky .mean-container a.meanmenu-reveal {
        border: 1px solid #fff;
    }
    .sticky .mean-container a.meanmenu-reveal {
        color: #fff;
    }
    .mean-nav ul li a i {
        display: none;
    }
    .slider-area {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    .slider-image {
        display: none;
    }
    .slider-content h2 {
        font-size: 14px;
    }
    .slider-content h1 {
        font-size: 40px;
        padding-top: 8px;
        line-height: 56px;
        padding-bottom: 15px;
    }
    .slider-shape-one {
        right: 11%;
    }
    .slider-content p {
        font-size: 15px;
        line-height: 30px;
    }
    .theme-btn a {
        font-size: 14px;
        margin-top: 11px;
    }
    .theme-btn a i {
        font-size: 11px;
    }
    .sevice-sub-title h3 {
        font-size: 14px;
    }
    .sevice-sub-title h1 {
        font-size: 20px;
    }
    .service-text p {
        font-size: 13px;
        line-height: 32px;
    }
    .service-content h5 {
        font-size: 16px;
    }
    .about-image {
        display: none;
    }
    .about-pattern-icon img {
        display: none;
    }
    .about-content h6 {
        font-size: 14px;
    }
    .about-content h1 {
        font-size: 38px;
        padding: 10px 0;
    }
    .about-content p {
        font-size: 14px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    .about-content ul li {
        font-size: 13px;
    }
    .about-content ul li::before {
        font-size: 7px;
    }
    .about-list-icon {
        margin-bottom: 10px;
    }
    .video-content h2 {
        font-size: 34px;
        top: 50px;
    }
    .video-content {
        padding-top: 0;
        padding-bottom: 0;
    }
    .video-content a {
        font-size: 18px;
        top: 32%;
        width: 46px;
        height: 46px;
        line-height: 46px;
    }
    .feature-content h5.feature-title {
        font-size: 14px;
        line-height: 22px;
    }
    .feature-content i {
        font-size: 32px;
        left: 83%;
        top: 0;
        padding-bottom: 32px;
    }
    .feature-content .feature-btn a {
        font-size: 14px;
    }
    .choose-us-content h6 {
        font-size: 14px;
    }
    .choose-us-content h2 {
        font-size: 26px;
        padding: 12px 0;
    }
    .choose-us-content p {
        font-size: 14px;
    }
    .skill-progress li h3 {
        font-size: 15px;
    }
    .portfolio-title h5 {
        font-size: 14px;
    }
    .portfolio-title h2 {
        font-size: 26px;
    }
    .owl-nav {
        right: 30px;
    }
    .owl-nav button i.fa-arrow-left {
        padding: 10px;
    }
    .owl-nav button i.fa-arrow-right {
        padding: 10px;
    }
    .portfolio-content a h2 {
        font-size: 17px;
    }
    .team-title h5 {
        font-size: 15px;
    }
    .team-title h2 {
        font-size: 26px;
    }
    .team-content h3 {
        font-size: 18px;
    }
    .team-content span {
        font-size: 12px;
    }
    .single-team:hover .team-social {
        bottom: 36px;
    }
    .single-team {
        padding: 0px;
        margin: 4px;
    }
    .team-social a {
        font-size: 10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin: 4px 0px;
    }
    .single-counter i {
        font-size: 20px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-right: 5px;
    }
    .counter-content h5 {
        font-size: 20px;
    }
    .counter-content p {
        font-size: 11px;
    }
    .contact-wrapper {
        margin: 50px;
    }
    .blog-title h5 {
        font-size: 16px;
    }
    .blog-title h2 {
        font-size: 26px;
    }
    .blog-content ul.meta li {
        margin-right: 80px;
    }
    .blog-content h2 {
        font-size: 18px;
    }
    .newsletter-form .left-content p {
        font-size: 12px;
    }
    .newsletter-form .left-content h3 {
        font-size: 20px;
    }
    .newsletter-form .right-content {
        max-width: 385px;
    }
    .newsletter-form .right-content form input {
        padding: 15px 22px;
    }
    .newsletter-form .right-content form button {
        padding: 11px 15px;
        font-size: 13px;
    }
    .footer-copywrite-text p {
        font-size: 13px;
    }
    .footer-copywrite-link ul li a {
        font-size: 13px;
    }
    .page-breadcrumb-title h2 {
        font-size: 38px;
        padding-bottom: 6px;
    }
    .page-breadcrumb nav ol li a {
        font-size: 17px;
    }
    .page-breadcrumb nav ol li {
        font-size: 17px;
    }
    .single-process ul li {
        font-size: 19px;
    }
    .single-team-details.right-content {
        margin-left: 40px;
        padding-bottom: 26px;
    }
    .team-contact-content {
        margin: 0px 50px;
    }
    .team-contact-content h3 {
        font-size: 22px;
    }
    .team-contact-content p {
        font-size: 15px;
    }
    .team-contact-content form button {
        font-size: 13px;
    }
    .portfolio-page-image {
        height: 185px;
    }
    .single-page-portfolio:hover .portfolio-page-content {
        bottom: -83px;
    }
    .portfolio-page-content {
        padding: 18px 11px;
    }
    .portfolio-page-content a h2 {
        font-size: 12px;
    }
    .portfolio-page-image a.right-arrow i {
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        right: 12px;
    }
    .portfolio-page-content a h2 i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    .portfolio-page-content a p {
        font-size: 11px;
    }
    .single-page-portfolio {
        margin-right: 20px;
        margin-bottom: 108px;
    }
    .portfolio-details-left ul li h5 {
        font-size: 13px;
    }
    .portfolio-details-right h1 {
        font-size: 28px;
        padding-bottom: 2px;
    }
    .portfolio-details-right p {
        font-size: 13px;
        line-height: 22px;
    }
    .testimonial-title h6 {
        font-size: 14px;
    }
    .testimonial-title h1 {
        font-size: 32px;
    }
    .testimonial-content p {
        font-size: 13px;
    }
    .testimonial-info h3 {
        font-size: 20px;
    }
    .testimonial-info p {
        font-size: 12px;
    }
    .testimonial-title-v2 h6 {
        font-size: 16px;
    }
    .testimonial-title-v2 h1 {
        font-size: 36px;
    }
    .hidden-title h4 {
        font-size: 20px;
    }
    .hidden-content .hidden-title p {
        font-size: 12px;
    }
    .hidden-content p {
        font-size: 13px;
    }
    .single-testimonial-v2.six .hidden-content {
        left: 0px;
    }
    .single-testimonial-v2.four {
        left: 122px;
    }
    .pricing-title h2 {
        font-size: 36px;
        padding-bottom: 5px;
    }
    .pricing-title p {
        padding: 0px 70px;
        margin-bottom: 46px;
    }
    .pricing-header h3 {
        font-size: 18px;
    }
    .pricing-header h2 {
        font-size: 44px;
    }
    .single-price {
        padding: 25px 16px;
        margin-bottom: 30px;
    }
    .pricing-btn a {
        font-size: 12px;
        padding: 10px 24px;
    }
    .single-fqa{
        text-align: center;
    }
    .single-fqa h2 {
        font-size: 27px;
        padding-bottom: 18px;
    }
    .single-fqa ul.nav.nav-pills {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        margin: 45px 0 !important;
    }
    .single-fqa .nav.nav-pills li {
        margin: 0 6px;
    }
    .single-fqa .nav.nav-pills li.nav-item button {
        width: 210px;
        height: 45px;
        font-size: 16px;
    }
    .accordion-button {
        font-size: 20px;
    }
    .accordion-button::before {
        font-size: 13px;
    }
    .single-fqa h2 {
        padding-bottom: 0;
    }
    .accordion-body p {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .error-content h4 {
        font-size: 22px;
    }
    .error-content p {
        padding: 0 150px;
        font-size: 15px;
    }
    .signle-product-filter h3 {
        font-size: 20px;
    }
    .signle-product-filter h3::after {
        max-width: 60px;
    }
    .sidebar-search form input {
        padding: 12px 10px;
    }
    .sidebar-categories ul li a {
        font-size: 14px;
    }
    .sidebar-tags ul li a {
        font-size: 14px;
    }
    .leave-comment form button {
        margin-bottom: 30px;
    }
    .blog-details-content p {
        font-size: 13px;
        line-height: 28px;
    }
    .blog-details-comment blockquote {
        font-size: 14px;
        line-height: 28px;
    }
    .blog-details-bottom p.blog-details-tag a {
        font-size: 14px;
    }

    .blog-details-social a {
        font-size: 13px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .blog-details-arrow .nav-link .prev a {
        font-size: 14px;
        padding: 44px 60px;
    }
    .blog-details-arrow .nav-link .next a {
        font-size: 14px;
        padding: 44px 60px;
    }
    .blog-details-comment h2 {
        font-size: 25px;
    }
    .blog-details-comment .details-comment .details-info h4 {
        font-size: 22px;
    }
    .blog-details-comment .details-comment p {
        font-size: 13px;
        line-height: 26px;
    }
    .leave-comment h3 {
        font-size: 22px;
    }
    .need-help-content p {
        font-size: 14px;
    }
    .need-help-content h3 {
        font-size: 30px;
    }
    .need-content h4 {
        font-size: 22px;
    }
    .need-content .icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    .map-area {
        height: 400px;
    }
    .map-area iframe {
        height: 400px;
    }
    

 
}

/* small mobile :320px. */
@media (max-width: 767px) {
    .header-top-icon-left a {
        font-size: 10px;
    }
    .header-top-social-right a {
        font-size: 11px;
        margin-left: 1px;
    }




























    .mean-container .mean-nav {
        width: 85%;
        right: 10px;
    }
    .mean-nav ul li a i {
        display: none;
    }
    .sticky .mean-container a.meanmenu-reveal span {
        background: #fff none repeat scroll 0 0;
    }
    .sticky .mean-container a.meanmenu-reveal {
        border: 1px solid #fff;
    }
    .sticky .mean-container a.meanmenu-reveal {
        color: #fff;
    }
    .slider-shape-one {
        right: 6%;
        top: 197px;
    }
    .slider-area {
        padding-top: 10px;
        padding-bottom: 60px;
    }
    .slider-image {
        display: none;
    }
    .slider-content h2 {
        font-size: 11px;
    }
    .slider-content h1 {
        font-size: 22px;
        padding-top: 5px;
        line-height: 36px;
        padding-bottom: 0px;
    }
    .slider-content p {
        font-size: 13px;
        line-height: 28px;
    }
    .theme-btn a {
        font-size: 12px;
        padding: 10px 17px;
        margin-top: 5px;
    }
    .theme-btn a i {
        font-size: 9px;
    }
    .sevice-sub-title h3 {
        font-size: 11px;
    }
    .sevice-sub-title h1 {
        font-size: 20px;
        padding: 3px 0;
    }
    .service-text p {
        font-size: 12px;
        line-height: 28px;
        padding-top: 5px;
    }
    .service-content h5 {
        font-size: 14px;
        padding-bottom: 20px;
        margin-bottom: 22px;
    }
    .service-content span {
        top: 72px;
    }
    .service-icon {
        font-size: 42px;
        padding-bottom: 12px;
    }
    .service-content p {
        font-size: 12px;
    }
    .about-image {
        display: none;
    }
    .about-content h6 {
        font-size: 12px;
    }
    .about-content h1 {
        font-size: 20px;
        padding: 7px 0;
    }
    .about-content p {
        font-size: 12px;
        line-height: 25px;
        padding-bottom: 0;
    }
    .about-pattern-icon {
        display: none;
    }
    .about-content ul li {
        font-size: 11px;
    }
    .about-content ul li::before {
        padding: 1px 3px;
        font-size: 7px;
    }
    .about-area {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .video-content {
        padding: 0;
    }
    .video-content a {
        top: 44%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        left: 45%;
        font-size: 12px;
    }
    .video-content h2 {
        font-size: 13px;
        top: 78px;
        padding: 122px 0;
    }
    .feature-content h5.feature-title {
        font-size: 13px;
        padding-bottom: 28px;
    }
    .feature-content i {
        font-size: 34px;
        top: 0px;
        padding-bottom: 30px;
    }
    .feature-content .feature-btn a {
        font-size: 12px;
    }
    .choose-us-area {
        padding-bottom: 60px;
    }
    .choose-us-image-left img {
        min-height: 300px;
        width: 100%;
    }
    .choose-us-exp p {
        font-size: 11px;
        padding: 26px 25px;
    }
    .choose-us-exp p span {
        font-size: 32px;
    }
    .choose-us-content h6 {
        top: 9px;
        font-size: 12px;
    }
    .choose-us-content h2 {
        font-size: 18px;
        padding: 15px 0;
    }
    .choose-us-content p {
        font-size: 12px;
        line-height: 22px;
    }
    .skill-progress li h3 {
        font-size: 12px;
    }
    .skill-progress li span.bar-width {
        font-size: 11px;
    }
    .portfolio-area {
        padding-bottom: 125px;
    }
    .portfolio-title h5 {
        font-size: 12px;
    }
    .portfolio-title h2 {
        font-size: 22px;
        padding-bottom: 4px;
    }
    .portfolio-content a h2 {
        font-size: 14px;
    }
    .owl-nav {
        top: 252px;
        right: 50%;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
    }
    .team-title h5 {
        font-size: 10px;
    }
    .team-title h2 {
        font-size: 20px;
        padding: 5px 0;
        margin-bottom: 25px;
    }
    .team-content h3 {
        font-size: 16px;
    }
    .team-social a {
        font-size: 10px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin: 0 1px;
    }
    .single-counter i {
        font-size: 16px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-left: -25px;
    }
    .counter-content h5 {
        font-size: 20px;
    }
    .counter-content p {
        font-size: 12px;
        padding-left: 10px;
    }
    .contact-text h3 {
        font-size: 24px;
    }
    .contact-image {
        display: none;
    }
    .contact-wrapper {
        padding: 25px 0 0;
        margin: 15px;
    }
    .contact-form form button {
        font-size: 12px;
        padding: 9px 17px;
    }
    .blog-title h5 {
        font-size: 12px;
    }
    .blog-title h2 {
        font-size: 20px;
        padding: 7px 0;
        margin-bottom: 30px;
    }
    .blog-img span.date {
        width: 90px;
        height: 54px;
        padding: 9px;
        font-size: 13px;
    }
    .blog-img span.cat {
        width: 210px;
        height: 34px;
        left: -2px;
        font-size: 11px;
    }
    .blog-content ul.meta li {
        font-size: 10px;
        margin-right: 16px;
    }
    .blog-content h2 {
        font-size: 12px;
        line-height: 26px;
    }
    .newsletter-form {
        border-bottom: 1px solid #383838;
        flex-wrap: wrap;
    }
    .newsletter-form .left-content {
        margin-bottom: 30px;
    }
    .newsletter-form .left-content p {
        font-size: 12px;
    }
    .newsletter-form .left-content h3 {
        font-size: 24px;
    }
    .newsletter-form .right-content form input {
        padding: 12px 20px;
    }
    .newsletter-form .right-content form button {
        padding: 10px 12px;
        font-size: 11px;
    }
    .footer-bottom-area {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .about-company p {
        font-size: 11px;
        padding: 13px 0;
        line-height: 28px;
    }
    .footer-social a {
        font-size: 11px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 3px;
    }
    .footer-widget .footer-title h4 {
        font-size: 26px;
        padding-bottom: 12px;
        margin-top: 18px;
    }
    .footer-contact p {
        font-size: 12px;
        line-height: 24px;
    }
    .footer-links ul li a {
        font-size: 12px;
    }
    .footer-links ul li::before {
        padding: 11px 0;
        font-size: 11px;
    }
    .recent-post .recent-post-title a h5 {
        font-size: 15px;
    }
    .copy-write {
        flex-wrap: wrap-reverse;
    }
    .footer-copywrite-link {
        margin-bottom: 18px;
    }
    .footer-copywrite-link ul li a {
        font-size: 11px;
    }
    .footer-copywrite-text p {
        font-size: 11px;
    }
    .page-breadcrumb-bg {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .page-breadcrumb-title h2 {
        font-size: 30px;
        padding-bottom: 6px;
    }
    .page-breadcrumb nav ol li a {
        font-size: 15px;
    }
    .page-breadcrumb nav ol li {
        font-size: 15px;
    }
    .service-details-img {
        height: 355px;
    }
    .service-details-content h1 {
        font-size: 24px;
        padding: 4px 0;
    }
    .service-details-content p {
        font-size: 14px;
        line-height: 30px;
        text-align: justify;
    }
    .service-details-process h2 {
        font-size: 24px;
    }
    .service-detaile-wrapper {
        display: block !important;
    }
    .single-process{
        margin-bottom: 30px;
    }
    .single-process .process-icon {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .single-process ul.details-process-content {
        padding: 0 6px;
        margin-left: 0;
    }
    .single-process ul li {
        font-size: 19px;
        padding: 12px;
    }
    .single-process ul p {
        font-size: 14px;
    }
    .service-details-sidebar {
        padding: 30px 8px;
    }
    .service-details-sidebar ul li a {
        font-size: 13px;
        padding: 12px 10px;
    }
    .service-details-sidebar ul li a i {
        font-size: 11px;
        width: 22px;
        height: 22px;
        line-height: 22px;
    }
    .service-details-contact h2 {
        font-size: 24px;
        padding: 10px 0;
    }
    .service-details-contact i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    .service-details-contact span {
        font-size: 18px;
    }
    .service-details-contact h6 {
        font-size: 15px;
        padding-top: 17px;
    }
    .single-team-details.right-content {
        margin-left: 22px;
        padding-bottom: 22px;
    }
    .team-details-content h2 {
        font-size: 18px;
    }
    .single-team-details .team-details .details-name {
        width: 172px;
    }
    .team-details-content span {
        font-size: 11px;
    }
    .single-team-details .team-details .details-name strong {
        margin-left: 4px;
    }
    .single-team-details .team-details ul li {
        font-size: 10px;
        margin-top: 13px;
    }
    .single-team-details .team-details .details {
        width: 324px;
    }
    .single-team-details .team-details .details p {
        font-size: 11px;
    }
    .single-team-details .team-details .team-details-social a {
        font-size: 11px;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
    .single-team-skill h2 {
        font-size: 18px;
    }
    .single-team-skill p {
        font-size: 13px;
    }
    .team-contact-content {
        margin: 0px 6px;
    }
    .team-contact-content h3 {
        font-size: 18px;
    }
    .team-contact-content p {
        font-size: 12px;
        margin-bottom: 30px;
    }
    .team-contact-content form button {
        font-size: 12px;
        padding: 10px 18px;
    }
    .portfolio-page-image {
        height: 185px;
    }
    .single-page-portfolio:hover .portfolio-page-content {
        bottom: -83px;
    }
    .portfolio-page-content {
        padding: 18px 11px;
    }
    .portfolio-page-content a h2 {
        font-size: 12px;
    }
    .portfolio-page-image a.right-arrow i {
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        right: 12px;
    }
    .portfolio-page-content a h2 i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    .portfolio-page-content a p {
        font-size: 11px;
    }
    .single-page-portfolio {
        margin-bottom: 104px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .portfolio-details-left ul li h5 {
        font-size: 13px;
    }
    .portfolio-details-right h1 {
        font-size: 28px;
        padding-bottom: 2px;
    }
    .portfolio-details-right p {
        font-size: 13px;
        line-height: 22px;
    }
    .portfolio-details-left {
        text-align: center;
    }
    .portfolio-section-title h2 {
        font-size: 18px;
    }
    .portfolio-page-active.slick-slider button {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: -62px;
        font-size: 12px;
    }
    .portfolio-page-active.slick-slider button.prev-arrow {
        right: 82px;
    }
    .page-breadcrumb i {
        bottom: -59px;
        left: 65%;
        font-size: 15px;
    }
    .testimonial-title h6 {
        font-size: 12px;
    }
    .testimonial-title h1 {
        font-size: 26px;
    }
    .testimonial-content p {
        font-size: 12px;
    }
    .testimonial-info h3 {
        font-size: 18px;
    }
    .testimonial-info p {
        font-size: 12px;
    }
    .testimonial-title-v2 h6 {
        font-size: 14px;
    }
    .testimonial-title-v2 h1 {
        font-size: 28px;
    }
    .hidden-title h4 {
        font-size: 18px;
    }
    .hidden-content .hidden-title p {
        font-size: 12px;
    }
    .hidden-content p {
        font-size: 12px;
    }
    .hidden-content {
        width: 290px;
    }
    .single-testimonial-v2.two {
        left: 40%;
    }
    .single-testimonial-v2.two .hidden-content {
        left: -113px;
    }
    .single-testimonial-v2.three {
        left: 78%;
    }
    .single-testimonial-v2.three .hidden-content {
        left: -230px;
    }
    .single-testimonial-v2.four {
        left: 39px;
    }
    .single-testimonial-v2.four .hidden-content {
        left: -30px;
    }
    .single-testimonial-v2.five {
        left: 68%;
    }
    .single-testimonial-v2.five .hidden-content {
        left: -200px;
    }
    .single-testimonial-v2.six {
        left: 0%;
    }
    .single-testimonial-v2.six .hidden-content {
        left: 0;
    }
    .single-testimonial-v2.seven .hidden-content {
        left: -233px;
    }
    .pricing-title h2 {
        font-size: 26px;
        padding-bottom: 5px;
    }
    .pricing-title p {
        padding: 0px 2px;
        margin-bottom: 34px;
    }
    .pricing-header h3 {
        font-size: 18px;
    }
    .pricing-header h2 {
        font-size: 35px;
    }
    .single-price {
        padding: 20px 15px;
        margin-bottom: 30px;
    }
    .pricing-body ul li {
        font-size: 13px;
    }
    .pricing-btn a {
        font-size: 12px;
        padding: 10px 24px;
    }
    .single-fqa{
        text-align: center;
    }
    .single-fqa h2 {
        font-size: 18px;
        padding-bottom: 0;
    }
    .single-fqa ul.nav.nav-pills {
        display: inline-block;
    }
    .single-fqa .nav.nav-pills li.nav-item button {
        width: 210px;
        height: 45px;
        font-size: 16px;
    }
    .accordion-button {
        font-size: 12px;
        padding: 13px 0;
    }
    .accordion-button::before {
        font-size: 10px;
    }
    .accordion-body p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .error-content h4 {
        font-size: 18px;
    }
    .error-content p {
        padding: 0 5px;
        font-size: 13px;
    }
    .signle-product-filter h3 {
        font-size: 18px;
    }
    .signle-product-filter h3::after {
        max-width: 50px;
    }
    .sidebar-search form input {
        padding: 10px 8px;
    }
    .sidebar-categories ul li a {
        font-size: 13px;
    }
    .sidebar-tags ul li a {
        font-size: 13px;
    }



    .blog-details-img {
        height: 245px;
    }
    .blog-details-content p {
        font-size: 12px;
        line-height: 28px;
    }
    .blog-details-comment blockquote {
        font-size: 13px;
        line-height: 28px;
    }
    .blog-details-bottom p.blog-details-tag a {
        font-size: 14px;
    }
    .blog-details-social a {
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    .blog-details-bottom {
        display: block;
    }
    .blog-details-social {
        padding-top: 15px;
    }
    .blog-details-arrow .nav-link {
        display: block;
    }
    .blog-details-arrow .nav-link .prev {
        width: 100%;
        margin-bottom: 30px;
    }
    .blog-details-arrow .nav-link .next {
        width: 100%;
        margin-bottom: 30px;
    }
    .blog-details-arrow .nav-link .prev a {
        font-size: 13px;
        padding: 40px 55px;
    }
    .blog-details-arrow .nav-link .next a {
        font-size: 13px;
        padding: 40px 55px;
    }
    .blog-details-comment h2 {
        font-size: 20px;
    }
    .blog-details-comment .details-comment .details-info h4 {
        font-size: 18px;
    }
    .blog-details-comment .details-comment p {
        font-size: 13px;
        line-height: 26px;
    }
    .leave-comment h3 {
        font-size: 18px;
    }
    .leave-comment form button {
        margin-bottom: 30px;
    }
    .need-help-content p {
        font-size: 14px;
    }
    .need-help-content h3 {
        font-size: 30px;
    }
    .need-content h4 {
        font-size: 22px;
    }
    .need-content .icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    .map-area {
        height: 400px;
    }
    .map-area iframe {
        height: 400px;
    }
    
    


}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
    
 

}