/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}
    
    /* LG Device :992px. */
    @media (min-width: 992px) and (max-width: 1200px) {
      .header-main ul li {
	margin-left: 0px;
    padding: 8px 13px;
    font-size: 12px;
}
.header-button {
	padding: 9px 20px;
	font-size: 13px;
	margin: 0 0 0 20px;
}
.benner-contText h2 {
	font-size: 40px;
	margin-bottom: 20px;
}
.home2-bbennerShape.benner-section::before {
	width: 32%;
	height: 48%;
	bottom: 146px;
	right: 47px;
}
.icon-box .icon-box-title {
	font-size: 18px;
	line-height: 1;
}
.icon-box-details p {
	margin-bottom: 25px;
	font-size: 13px;
	line-height: 23px;
}
.feature-box h4 {
	font-size: 18px;
	line-height: 1;
}
.feature-box p {
	font-size: 12px;
	line-height: 22px;
}

.feature-img img {
	width: 80%;
	position: relative;
	left: 50px;
}
.appscreen-imgcontent .appScreen-active > button {
	left: 38%;
}
.appscreen-imgcontent .appScreen-active > button.slick-next {
	right: 38%;
}
.price-details > li {
	font-size: 15px;
}
.price-details > li ul li {
	margin-left: 60px;
}
.price-details > li ul li:last-child {
	margin-left: 25px;
}
.price-foot .btn.brand1-btn {
	padding: 7px 18px 7px;
}
.price-foot .btn.brand1-btn a {
	font-size: 13px;
	line-height: 23px;
}
.faq-sec-img {
	width: 450px;
	height: 400px;
}
.accordion-btn .accordion-title {
	font-size: 18px;
}
.accordion-body {
	padding-left: 70px;
}
.dwn-right {
	top: 35px;
}
.blog-info a h2 {
	font-size: 17px;
}
.blog-sidebar-fix {
	height: 100vh;
}
    }
    
     
    /* MD Device :768px. */
    @media (min-width: 768px) and (max-width: 991px) {
        .header-logo h2 a img {
            width: 30%;
        }
        .mean-container a.meanmenu-reveal {
            margin-top: -50px;
        }
        .benner-contText p {
            font-weight: 400;
            margin-bottom: 40px;
            color: #333333;
            padding: 0 100px 0 0;
        }
        .benner-contText {
            padding-top: 180px;
            padding-bottom: 90px;
        }
        .home2-bbennerShape.benner-section::before {
            display: none;
        }
        .home2-bbennerShape.benner-section::after {
            width: 390px;
            height: 365px;
        }
        .benner-mockup-img{
            margin-top: 0;
            padding-top: 0;
        }
        .benner-mockup-img  img{
            width: 55%;
        }
        .section-title p {
            font-size: 12px;
            line-height: 22px;
            color: #777;
        }
        .appscreen-imgcontent .appScreen-active > button {
            left: 35%;
        }
        .appscreen-imgcontent .appScreen-active > button.slick-next {
            right: 35%;
        }
        .price-details > li ul li {
            margin-left: 60px;
        }
        .price-details > li ul li:last-child {
            margin-left: 25px;
        }
        .dwn-left h2 {
            font-size: 25px;
        }
        .dwn-left P {
            font-size: 15px;
            line-height: 25px;
        }
        .dwn-left span {
            margin-right: 7px;
            top: 2px;
            font-size: 23px;
        }
        .dwn-left .btn {
            padding: 4px 18px 9px;
            margin-right: 10px;
        }
        .dwn-right {
            top: 34px;
        }
        #contact-map {
            margin-left: 0;
        }
        .blog-info a h2 {
            font-size: 18px;
            line-height: 1;
        }
        .blog-date-time a span {
            font-size: 18px;
            line-height: 1;
        }
        .blog-date-time a {
            font-size: 22px;
        }
        .blog-date-time {
            width: 65px;
            height: 65px;
            padding: 15px;
            top: 10px;
            right: 10px;
        }
        .blog-footer p {
            font-size: 13px;
            line-height: 23px;
        }
        .blog-sidebar-fix {
            height: 100vh;
        }
        
    }
    
     
    /* Extra small Device. */
    @media (max-width: 767px) {
        .mean-container a.meanmenu-reveal {
            margin-top: -46px;
        }
        .benner-section {
            background: linear-gradient(to right, #ed3ea4 20%, #4222f1 100%);
        }
        .header-logo h2 a img {
            width: 50%;
        }
        .benner-contText{
            padding-top: 195px;
        }
        .benner-contText h2 {
            font-size: 28px;
            line-height: 1.2;
            margin-bottom: 18px;
            color: #fff;
        }
        .benner-contText p {
            font-weight: 400;
            margin-bottom: 40px;
            color: #fff;
        }

        .benner-contText {
            padding-top: 195px;
            padding-bottom: 140px;
        }
        .home2-bbennerShape.benner-section::before {
            display: none;
        }
        .home2-bbennerShape.benner-section::after {
            width: 388px;
            height: 360px;
            box-shadow: 1px 20px 690px 19px rgba(0,0,0,0.15);
        }
        .btn {
            padding: 3px 16px 10px;
            font-size: 14px;
            margin-right: 0;
        }
        .btn span {
            margin-right: 8px;
            font-size: 20px;
            display: inline-block;
        }
        .btn.brand1-btn {
            border: 2px solid #fff;
        }
        .btn.brand1-btn a {
            color: #fff;
        }
        .btn.brand2-btn:hover a {
            color: #fff;
        }
        .btn.brand2-btn:hover {
            border: 2px solid #fff;
        }
        .mean-container a.meanmenu-reveal {
            border: 1px solid #fff;
            color: #fff;
        }
        .mean-container a.meanmenu-reveal span {
            background: #fff none repeat scroll 0 0;
        }
        .mean-container a.meanmenu-reveal span::before {
            background: #fff none repeat scroll 0 0;
            width: 57%;
        }
        .mean-container a.meanmenu-reveal span::after {
            background: #fff none repeat scroll 0 0;
            width: 57%;
        }
        .icon-box .icon-box-title {
            font-size: 18px;
            line-height: 1;
        }
        .icon-box-details p {
            margin-bottom: 15px;
            font-size: 12px;
            line-height: 22px;
        }
        .about-contBox h1 {
            font-size: 25px;
            line-height: 1;
        }
        .about-contBox p {
            font-size: 12px;
            line-height: 22px;
        }
        .about-contBox .btn {
            padding: 9px 10px 9px;
            font-size: 12px;
            margin-right: 4px;
        }
        .appscreen-section {
            padding: 100px 0 100px;
        }
        .appscreen-imgcontent .appScreen-active > button.slick-next {
            left: auto;
            right: 20%;
        }
        .appscreen-imgcontent .appScreen-active > button {
            left: 20%;
        }
        .section-title h2 {
            font-size: 22px;
            line-height: 1;
            margin-bottom: 15px;
        }
        .section-title p {
            font-size: 13px;
            line-height: 22px;
        }
        .pricing-section .list-inline li a {
            font-size: 11px;
            line-height: 21px;
            padding: 13px 20px;
        }
        .price-details > li {
            font-size: 13px;
        }
        .price-details > li ul li {
            margin-left: 60px;
        }
        .price-details > li ul li:last-child {
            margin-left: 25px;
        }
        .pricing-centen-box .badge-name {
            right: 0;
        }
        .pricing-centen-box .badge-name {
            height: 40px;
            width: 75px;
            right: 0;
            top: -3px;
            font-size: 8px;

        }
        .price-foot .btn.brand1-btn {
            padding: 7px 18px 7px;
        }
        .price-foot .btn.brand1-btn a {
            font-size: 13px;
            line-height: 23px;
        }
        .video-btnBox h2 {
            font-size: 25px;
        }
        #contact-map {
            margin-left: 0;
        }
        .contact-section .btn-group .btn {
            padding: 8px 32px 8px;
            font-size: 14px;
            margin-top: 0px;
        }
        .about-details-rating {
            text-align: center;
        }
        .user-dtailsamnd {
            font-size: 15px;
            line-height: 1;
        }
        .user-dtailsamnd a span {
            margin-right: 4px;
        }
        .feature-img {
            width: 80%;
            margin-left: 35px;
            float: left;
        }
        .feature-box {
            margin: 0 0 30px;
            padding: 0 25px 0;
        }
        .feature-box p {
            font-size: 13px;
            line-height: 23px;
        }
        .faq-sec-img {
            width: 325px;
            height: 315px;
        }
        .faq-sec .section-title {
            margin-bottom: 0;
        }
        .accordion-btn .accordion-title {
            font-size: 13px;
        }
        
        .accordion-body {
            padding-left: 45px;
            padding-right: 21px;
            font-size: 13px;
            line-height: 23px;
        }
        .testimonial-wraapps i {
            font-size: 52px;
        }
        .testimonial-wraapps p {
            font-size: 14px;
            line-height: 23px;
        }
        .dwn-left h2 {
            font-size: 22px;
            line-height: 1;
        }
        .dwn-left P {
            font-size: 13px;
            line-height: 23px;
        }
        .dwn-right {
            display: none;
        }
        .dwn-left .btn {
            padding: 4px 14px 10px;
        }
        .brand-section .slick-slide img {
            margin-left: 70px;
        }
        .contact-foot-form .form-group label a span {
            padding: 9px 25px;
        }
        .footsocials-share span {
            font-size: 15px;
            line-height: 1;
            margin-right: 5px;
            letter-spacing: 2px;
        }
        .footsocials-share .socials-icone a {
            width: 35px;
            padding: 4px;
            height: 35px;
            margin-left: 4px;
        }
        .footsocials-share a > i {
            line-height: calc(35px - 7px);
            font-size: 10px;
        }
        .form-control {
            height: 55px;
        }
        .footsocials-share a:hover>i {
            line-height: calc(35px - 9px);
        }
        .blog-date-time {
            top: 10px;
            right: 10px;
            width: 65px;
            height: 65px;
        }

        .benner-section.blogs-benner::before {
            display: none;
        }
        .benner-section.blogs-benner::after {
            clip-path: circle(16.2% at 16% 0);
        }
        .blog-sidebar-fix {
            position: relative;
            height: 100%;
        }
        .blog-footer p {
            font-size: 16px;
            line-height: 26px;
            padding: 15px 0;
            color: #777;
            margin: 0;
        }
        .contact-foot-form .form-groups label a span {
            height: 55px;
        }
        .appblog-pagination {
            margin-top: 70px;
        }
        .benner-section .benner-shape1 {
            display: none;
        }
    }
     
    /* SM Small Device :550px. */
    @media only screen and (min-width: 576px) and (max-width: 767px) {
    
     
    }