/* Normal desktop :1400px. */
@media (min-width: 1400px) and (max-width: 1600px) {

.header-button a {
    padding: 13px 20px;
}

.header-menu ul li {
    margin-left: 22px;
}

.hero-thumb {
    left: -100px;
}

.hero-thumb-2 {
    right: -128px;
}

.about-shape {
    top: -148px;
}

.choose-us-area {
    margin: 0 11px 0;
}

.portfolio-content a {
    font-size: 22px;
    margin-top: 8px;
}

.pricing-shape {
    right: 82px;
}

.footer-shape-one {
    left: -58px;
}

/*home Two All Responsive*/
.header-area.style-two {
    padding-right: 53px;
}



.header-area.style-two .header-menu ul li {
    margin-left: 19px;
}

.style-two .header-menu {
    margin-left: 20px;
}

.style-two .header-logo {
    left: -17px;
}

.hero-area.style-two {
    margin: 0 72px 0;
}

.style-two .hero-social-icon {
    left: -57px;
}

.service-area.style-two {
    margin: 0 20px 0;
}

.portfolio-area.style-two .port-content {
    width: 90%;
    gap: 14px;
}

.portfolio-area.style-two .port-title a {
    font-size: 17px;
}

.teasti-area.style-two .teasti-shape-3 {
    left: 0%;
}
.team-area {
    margin: 0 22px 0;
}

.call-do-action-area {
    margin: 0 9px 0;
}

.portfolio-area.style-two.inner-style {
    padding: 120px 60px 80px;
}





}


/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1399px) {

.header-area {
    padding: 0 26px 0;
}

.header-right {
    gap: 6px;
}

.header-button a {
    padding: 11px 26px;
    font-size: 16px;
}

.header-menu ul li {
    margin-left: 17px;
}

.hero-thumb {
    left: -155px;
}

.hero-thumb-2 {
    right: -222px;
}

.featurea-area .section-title {
    left: 23px;
}

.section-title h1 {
    font-size: 33px;
    line-height: 30px;
}

.about-shape {
    top: -148px;
}

.about-thumb {
    left: -125px;
}

.about-content h4 {
    font-size: 17px;
    line-height: 28px;
}

.service-area {
    margin: 0 0 0;
}

.choose-us-area {
    margin: 0 0 0;
}

.choose-us-list-box ul li {
    font-size: 19px;
}

.portfolio-area {
    padding: 388px 0 120px;
}

.portfolio-content a {
    font-size: 20px;
    margin-top: 8px;
}

.pricing-shape-2 {
    left: 81px;
    top: 0%;
}

.pricing-shape {
    right: 82px;
}

.blog-content a {
    font-size: 17px;
    line-height: 27px;
}

.blog-date {
    top: 43%;
    left: 14px;
}

.subscribe-content h4 {
    font-size: 34px;
    line-height: 39px;
}

.footer-shape-one {
    left: -58px;
}

.footar-working-list ul li {
    padding-right: 21px;
}


/*Home Two All Responsive*/
.header-contact-button {
    display: none;
}

.header-area.style-two {
    padding-right: 67px;
}
.style-two .header-menu {
    margin-left: 0;
}
.style-two .header-menu ul li {
    margin-left: 8px;
}

.header-area.style-two:before {
    width: 7.2%;
}

.hero-area.style-two {
    margin: 0 85px 0;
}

.style-two .hero-content h1 {
    font-size: 45px;
    line-height: 48px;
}

.style-two .about-thumb {
    left: -203px;
}

.service-area.style-two .massage-time {
    bottom: 39%;
}

.choose-us-area.style-two .choose-us-thumb {
    left: -125px;
}

.portfolio-area.style-two {
    padding: 120px 0 110px;
}

.portfolio-area.style-two .port-content {
    width: 98%;
    gap: 20px;
}

.portfolio-area.style-two .port-title a {
    font-size: 17px;
}

.teasti-area.style-two .teasti-shape-3 {
    top: 1%;
    left: -1%;
}

.team-area {
    margin: 0 16px 0;
}

.team-thumb img {
    width: 100%;
}

/*inner Pages Css Responsive*/

.service-details-area .service-thumb img {
    width: 100%;
}

.single-service-details-box {
    padding: 22px 28px 26px;
}

.service-details-area .project-button.style-two {
    margin-top: 35px;
}

.blog-related-box {
    padding: 30px 21px 31px 23px;
}

.blog-related-box.style-two {
    padding: 30px 19px 31px 21px;
}

.recent-widget-content a {
    font-size: 13px;
    line-height: 26px;
}

.portfolio-area.style-two.inner-style {
    padding: 120px 0 80px;
}

.inner-style .row.add-backgroun {
    padding: 82px 18px 69px;
}

.blog-related-box {
    padding: 30px 21px 31px 23px;
}

.blog-related-box.style-two {
    padding: 30px 19px 31px 21px;
}

.recent-widget-content a {
    font-size: 13px;
    line-height: 26px;
}

.widget-catefories-tags a {
    margin: 6px 1px;
}

.blog-details-title a {
    font-size: 29px;
}







}




/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {

.header-menu ul li {
    margin-left: 18px;
}

.header-area.style-two {
    padding-right: 70px;
}

.header-button a {
    padding: 11px 27px;
    font-size: 16px;
}

.style-two .header-menu ul li {
    margin-left: 17px;
}








}



/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

.top-headar-area {
    padding: 11px 6px 11px;
}

.top-info ul li {
    margin-right: 27px;
}

.top-info ul li:before {
    right: -16px;
}

.header-area {
    padding: 0 4px 0;
}

.header-right {
    gap: 6px;
}

.header-contact-button h4 {
    display: none;
}

.header-menu {
    left: 40px;
    position: relative;
}

.header-button a {
    padding: 11px 14px;
    font-size: 14px;
}

.header-menu ul li {
    margin-left: 11px;
}

.hero-thumb {
    left: -245px;
}

.hero-thumb-2 {
    display: none;
}

.hero-content h1 {
    font-size: 60px;
    line-height: 58px;
}

.hero-shape {
    top: 11px;
    right: -207px;
}

.hero-content p {
    width: 88%;
}

.featurea-area .section-title {
    left: 0;
}

.single-feature-box {
    padding: 40px 5px 18px;
}

.feature-content h4 {
    font-size: 20px;
    margin: 22px 0 10px;
}

.section-title h4 {
    margin: 0 0 4px 51px;
}

.section-title h1 {
    font-size: 25px;
    line-height: 26px;
}

.about-shape {
    top: -148px;
}

.about-thumb {
    left: -204px;
}

.section-title p {
    width: 95%;
}

.about-content h4 {
    font-size: 14px;
    line-height: 24px;
}

.about-box-icon {
    margin-right: 10px;
    margin-top: 2px;
}

.service-area {
    margin: 0 0 0;
}

.choose-us-area {
    margin: 0 0 0;
}

.choose-us-list-box ul li {
    font-size: 17px;
}

.portfolio-area {
    padding: 388px 0 120px;
}

.portfolio-content a {
    font-size: 15px;
    margin-top: 8px;
}

.single-pricing-img-box {
    padding: 47px 19px 306px;
}

.single-pricing-box {
    padding: 28px 23px 39px;
}

.pricing-shape-2 {
    left: 81px;
    top: 0%;
}

.pricing-shape {
    right: 82px;
}

.blog-content a {
    font-size: 14px;
    line-height: 23px;
}

.blog-date {
    top: 37%;
    left: 14px;
}

.subscribe-content h4 {
    font-size: 26px;
    line-height: 30px;
}

.footer-shape-one {
    left: -58px;
}

.footar-working-list ul li {
    padding-right: 0;
    font-size: 14px;
}

.footer-shape-two {
    right: -117px;
}

/*Home Two All Responsive*/

.header-area.style-two {
    padding-right: 69px;
}

.style-two .header-menu {
    margin-left: 0;
    text-align: center;
}

.style-two .header-menu ul li {
    margin-left: 12px;
}

.header-area.style-two:before {
    width: 8.7%;
}

.style-two .header-logo {
    left: -9px;
}
.style-two .header-right {
    left: -53px;
}
.hero-area.style-two {
    margin: 0 85px 0;
}

.style-two .hero-content h1 {
    font-size: 37px;
    line-height: 35px;
}

.style-two .about-thumb {
    left: -283px;
}

.service-area.style-two .massage-time {
    bottom: 33%;
}

.choose-us-area.style-two .choose-us-thumb {
    left: -205px;
}

.choose-us-area.style-two .choose-us-list-box ul li {
    font-size: 15px;
    line-height: 40px;
}

.choose-us-area.style-two .choose-us-conter-content p {
    font-size: 14px;
}

.portfolio-area.style-two {
    padding: 120px 0 110px;
}

.portfolio-area.style-two .port-content {
    width: 98%;
    gap: 20px;
}

.portfolio-area.style-two .port-title a {
    font-size: 17px;
}

.teasti-area.style-two .teasti-shape-3 {
    top: 1%;
    left: -1%;
}

.teasti-area.style-two .teasti-shape-4 {
    right: -8%;
}

.teasti-area.style-two .teasti-shape {
    bottom: 12%;
    left: 6%;
}

.teasti-area.style-two .teasti-shape-2 {
    bottom: 76%;
    right: 7%;
}

.team-area {
    margin: 0 16px 0;
}

.team-thumb img {
    width: 100%;
}

.team-area .team-content h4 {
    font-size: 18px;
}

.call-do-action-area {
    margin: 0 0px 0;
}

.call-do-content h4 {
    font-size: 32px;
    line-height: 39px;
}

/*inner Pages Responsive Css*/
.inner-style .header-menu {
    left: 0;
    position: relative;
}

.inner-style .header-menu ul li {
    margin-left: 10px;
}

.service-details-area .service-thumb img {
    width: 100%;
}

.single-service-details-box {
    padding: 17px 18px 17px;
}

.service-details-area .project-button.style-two {
    margin-top: 35px;
}

.serive-details-box-content h3 {
    font-size: 15px;
}

.service-dtl-content {
    padding: 26px 21px 34px;
}

.blog-related-box {
    padding: 30px 6px 31px 22px;
}

.blog-related-box.style-two {
    padding: 30px 16px 31px 10px;
}

.widget-categories-box {
    padding: 21px 20px 15px;
}

.recent-widget-content a {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
}

.inner-style .row.add-backgroun {
    padding: 98px 24px 62px;
}

.service-details-title h4 {
    font-size: 31px;
}

.service-dtl-content h4 {
    font-size: 25px;
}

.portfolio-area.style-two.inner-style {
    padding: 120px 0 80px;
}

.portfolio-area.style-two.inner-style .port-content {
    width: 100%;
}

.portfolio-area.style-two.inner-style .port-icon {
    padding: 29px 26px 29px;
}

.faqs-thumb img {
    width: 100%;
}

.faq-singular .faq-question {
    font-size: 16px;
}

.inner-style .row.add-backgroun {
    padding: 82px 18px 69px;
}

.inner-style .contact-title p {
    font-size: 16px;
}

.blog-details-title a {
    font-size: 25px;
}

.blog-details-desc p {
    width: 100%;
}

.blog-related-box {
    padding: 30px 6px 31px 22px;
}

.blog-related-box.style-two {
    padding: 30px 16px 31px 10px;
}

.widget-categories-box {
    padding: 21px 20px 15px;
}

.recent-widget-content a {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
}


.style-two .blog-content {
    padding: 28px 0px 25px;
}

.style-two .blog-content a {
    font-size: 20px;
    line-height: 32px;
}






}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.top-headar-area {
    display: none;
}

.header-area {
    display: none;
}

.hero-area {
    height: 720px;
    padding-top: 41px;
    padding-bottom: 0;
}

.hero-thumb {
    display: none;
}

.hero-thumb-2 {
    right: -84px;
}

.hero-content p {
    width: 68%;
}

.featurea-area .section-title {
    left: 0;
}

.section-title h4 {
    margin: 0 0 2px 50px;
}

.single-feature-box {
    padding: 40px 28px 18px;
}

.about-thumb {
    left: 0;
}

.section-title p {
    width: 80%;
}

.service-area {
    margin: 0 0 0;
}

.section-title h1 {
    font-size: 38px;
    line-height: 40px;
}

.choose-us-area {
    margin: 0;
}

.choose-us-thumb {
    left: 0;
    padding-top: 45px;
}

.portfolio-content a {
    font-size: 24px;
}

.pricing-shape-2 {
    display: none;
}

.pricing-shape {
    display: none;
}

.single-pricing-box {
    padding: 28px 30px 39px;
}

.video-area {
    padding: 162px 0 162px;
    margin: 0 31px 0;
}

.teasti-shape {
    display: none;
}

.teasti-shape-2 {
    display: none;
}

.blog-area .project-button {
    text-align: left;
    margin-bottom: 40px;
}

.blog-area .section-title {
    margin-bottom: 34px;
}

.blog-content a {
    font-size: 16px;
    line-height: 24px;
}

.blog-date {
    top: 41%;
}

.subscribe-form {
    text-align: left;
    margin-top: 38px;
}

.footer-shape-one {
    left: -66px;
}

.footer-shape-two {
    right: -74px;
}

.footar-working-list ul li {
    padding-right: 4px;
}

.footar-content {
    margin-top: 25px;
}

.footar-area .col-lg-2.col-md-6:nth-child(2) .footar-content{
    margin-top: 0 !important;
}

.footar-area .row.add-bg {
    padding: 21px 3px 25px;
}


/*Home Two All Responsive Css*/

.hero-wallpaper .hero-team-expt-content h4 {
    font-size: 24px;
}

.hero-area.style-two {
    margin: 0 50px 0;;
}

.hero-single-box {
    gap: 10px;
}

.style-two .hero-social-icon {
    left: -46px;
}

.hero-wallpaper .hero-flower-shape {
    left: 26%;
}

.style-two .hero-shape2 {
    top: 67px;
}

.style-two .hero-content h1 {
    font-size: 30px;
    line-height: 32px;
}

.style-two .hero-content p {
    width: 52%;
}

.style-two .about-thumb {
    left: 0;
    margin-bottom: 32px;
}

.featurea-area.style-two .feature-shape {
    display: none;
}

.featurea-area.style-two .feature-thumb {
    margin-top: 30px;
    padding-bottom: 25px;
}

.service-area.style-two .massage-time {
    bottom: 35%;
}

.choose-us-area.style-two .choose-us-thumb {
    position: relative;
    left: 0;
    top: -44px;
}

.teasti-area.style-two .teasti-shape {
    display: none;
}

.teasti-area.style-two .teasti-shape-2 {
    display: none;
}

.teasti-area.style-two .teasti-shape-3 {
    display: none;
}

.teasti-area.style-two .teasti-shape-4 {
    display: none;
}

.teasti-area.style-two .teasti-content p {
    font-size: 17px;
    line-height: 31px;
    width: 88%;
}

.teasti-area.style-two .owl-dots {
    left: 21%;
}

.team-area {
    margin: 0 0 0;
}

.team-thumb img {
    width: 100%;
}

.call-do-action-area {
    background-position: center left;
    margin: 0 0 0;
}

.call-do-sahpe {
    left: 68%;
}


.sticky {
    position: absolute !important;
}


/*inner Responsive All Css*/

.service-details-area .row.add-margin {
    margin-top: 71px;
}

.service-details-title h6 {
    margin-bottom: 14px;
}

.service-details-title h4 {
    font-size: 30px;
}

.service-details-title p {
    width: 85%;
}

.service-details-thumb img {
    width: 100%;
    margin-top: 18px;
}

.service-dtl-content {
    padding: 26px 20px 34px;
}


.port-details-content h1 {
    font-size: 34px;
}

.port-details-content p {
    width: 100%;
}

.single-port-info-box {
    margin-top: 21px;
}


.portfolio-area.style-two.inner-style {
    padding: 120px 0 80px;
}

.portfolio-area.style-two.inner-style .port-content {
    width: 99%;
    gap: 14px;
}

.portfolio-area.style-two.inner-style .port-title a {
    font-size: 16px;
}

.portfolio-area.style-two.inner-style .port-title h4 {
    margin-bottom: 4px;
}

.faqs-area {
    padding: 118px 0 99px;
}

.faqs-thumb img {
    width: 100%;
    padding-bottom: 34px;
}

.faq-singular .faq-question {
    font-size: 16px;
}

.inner-style .row.add-backgroun {
    padding: 98px 36px 101px;
}

.blog-details-area {
    padding: 118px 0 86px;
}

.blog-details-title a {
    font-size: 27px;
}

.blog-details-desc p {
    width: 98%;
}

.blog-details-submi-button button {
    margin-bottom: 35px;
}

.blog-related-box {
    padding: 30px 21px 31px 29px;
}

.blog-related-box.style-two {
    padding: 30px 33px 31px 21px;
}

.style-two .blog-content a {
    font-size: 18px;
    line-height: 28px;
}






}



/* Tablet desktop :575px. */
@media (min-width: 575px) and (max-width: 767px) {


.top-headar-area {
    display: none;
}

.header-area {
    display: none;
}

.hero-area {
    height: 685px;
    padding-top: 0;
    padding-bottom: 0;
}

.hero-thumb {
    display: none;
}

.hero-thumb-2 {
    display: none;
}

.hero-content p {
    width: 86%;
}

.hero-content h1 {
    font-size: 74px;
}

.featurea-area .section-title {
    left: 0;
    margin-bottom: 35px;
}

.section-title h4 {
    margin: 0 0 2px 50px;
}

.single-feature-box {
    padding: 40px 28px 18px;
}

.about-thumb {
    left: 0;
}
.about-thumb img {
    width: 100%;
}
.about-content h4 {
    font-size: 17px;
    line-height: 32px;
}
.section-title p {
    width: 80%;
}

.service-area {
    margin: 0 0 0;
}

.section-title h1 {
    font-size: 28px;
    line-height: 30px;
}

.choose-us-thumb img {
    width: 100%;
}

.choose-us-area {
    margin: 0;
}

.choose-us-thumb {
    left: 0;
    padding-top: 45px;
}

.portfolio-area {
    padding: 388px 28px 100px;
}

.portfolio_nav {
    padding: 15px 7px;
}

.portfolio_menu ul li {
    margin-right: -3px;
    padding: 7px 19px;
}

.portfolio-content a {
    font-size: 24px;
}

.pricing-shape-2 {
    display: none;
}

.pricing-shape {
    display: none;
}

.single-pricing-box {
    padding: 28px 30px 39px;
}

.video-area {
    padding: 162px 0 162px;
    margin: 0 31px 0;
}

.teasti-shape {
    display: none;
}

.teasti-shape-2 {
    display: none;
}

.blog-area .project-button {
    text-align: left;
    margin-bottom: 40px;
}

.blog-area .section-title {
    margin-bottom: 34px;
}

.blog-content a {
    font-size: 16px;
    line-height: 24px;
}

.blog-date {
    top: 59%;
}

.subscribe-area .row.add-bg {
    padding: 70px 10px 80px;
}

.subscribe-form {
    text-align: left;
    margin-top: 38px;
}

.footer-shape-one {
    display: none;
}

.footer-shape-two {
    right: -74px;
}

p.footer-desc {
    width: 68%;
}

.footar-working-list ul li {
    padding-right: 93px;
}

.footar-content {
    margin-top: 25px;
}

.footar-area .row.add-bg {
    padding: 21px 3px 25px;
}

.footer-bottom-content ul {
    text-align: left;
    margin-top: 8px;
}

.footer-bottom-content ul li a:nth-child(1) {
    margin-right: 16px;
    margin-left: 0;
}

/*Home Two All Responsive Css*/

.hero-wallpaper {
    height: 1062px;
}

.hero-wallpaper .hero-team-expt-content h4 {
    font-size: 24px;
}

.hero-area.style-two {
    margin: 0 0 0;
    background-position: center left;
    height: 660px;
    padding-top: 53px;
}

.hero-wallpaper .hero-flower-shape {
    left: 16%;
}

.style-two .hero-video {
    display: none;
}

.hero-single-box {
    gap: 10px;
}
.style-two .hero-shape {
    display: none;
}
.style-two .hero-social-icon {
    display: none;
}

.style-two .line:before {
    width: 70%;
}

.hero-wallpaper .hero-team-expt {
    margin-top: 42px;
    float: left;
}

.style-two .hero-shape2 {
    display: none;
}

.style-two .hero-content h1 {
    font-size: 35px;
    line-height: 38px;
}

.style-two .hero-content p {
    width: 74%;
}

.style-two .about-thumb {
    left: 0;
    margin-bottom: 32px;
}

.style-two .about-thumb img {
    width: 100%;
}

.featurea-area.style-two .feature-shape {
    display: none;
}

.featurea-area.style-two .single-feature-box {
    padding: 40px 59px 18px;
}

.featurea-area.style-two .feature-thumb {
    margin-top: 30px;
    padding-bottom: 25px;
}

.featurea-area.style-two .feature-right {
    left: 0;
}

.featurea-area.style-two .feature-thumb img {
    width: 100%;
}

.service-area.style-two .massage-time {
    bottom: 50%;
}

.service-area.style-two .service-box-content {
    padding: 32px 66px 70px;
}

.choose-us-area.style-two .choose-us-thumb {
    position: relative;
    left: 0;
    top: -44px;
}

.portfolio-area.style-two .port-content {
    width: 96%;
}

.teasti-area.style-two .teasti-shape {
    display: none;
}

.teasti-area.style-two .teasti-shape-2 {
    display: none;
}

.teasti-area.style-two .teasti-shape-3 {
    display: none;
}

.teasti-area.style-two .teasti-shape-4 {
    display: none;
}

.teasti-area.style-two .teasti-content p {
    font-size: 17px;
    line-height: 31px;
    width: 95%;
}

.teasti-area.style-two .owl-dots {
    left: 16%;
}

.team-area .single-team-box {
    border-radius: 301px 324px 0 0;
}

.team-area {
    margin: 0 0 0;
}

.team-thumb img {
    width: 100%;
}

.call-do-action-area {
    background-position: center left;
    margin: 0 0 0;
}

.call-do-sahpe {
    left: 68%;
}

.call-do-content h4 {
    font-size: 30px;
    line-height: 35px;
}

.sticky {
    position: absolute !important;
}

/*inner Responsive All Css*/

.service-details-area .row.add-margin {
    margin-top: 71px;
}

.service-details-area .row.add-bg {
    padding: 63px 22px 75px;
}

.service-details-title h6 {
    margin-bottom: 14px;
}

.service-details-title h4 {
    font-size: 30px;
}

.service-details-title p {
    width: 85%;
}

.service-details-thumb img {
    width: 100%;
    margin-top: 18px;
}

.service-dtl-content {
    padding: 26px 33px 34px;
}

.port-details-content h1 {
    font-size: 34px;
}

.port-details-content p {
    width: 100%;
}

.single-port-info-box {
    margin-top: 21px;
}


.portfolio-area.style-two.inner-style {
    padding: 120px 0 80px;
}

.portfolio-area.style-two.inner-style .port-content {
    width: 90%;
    gap: 14px;
}

.portfolio-area.style-two.inner-style .port-title a {
    font-size: 20px;
}

.portfolio-area.style-two.inner-style .port-title h4 {
    margin-bottom: 4px;
}

.faqs-area {
    padding: 118px 0 99px;
}

.faqs-thumb img {
    width: 100%;
    padding-bottom: 34px;
}

.faq-singular .faq-question {
    font-size: 16px;
}

.subscribe-content h4 {
    font-size: 36px;
    line-height: 42px;
}

/*contact pages*/
.inner-style .row.add-backgroun {
    padding: 98px 10px 101px;
}


.blog-details-area {
    padding: 118px 0 86px;
}

.blog-details-title a {
    font-size: 20px;
    padding-top: 12px;
}

.blog-details-desc p {
    width: 100%;
}
.blog-details-submi-button button {
    margin-bottom: 35px;
}

.blog-related-box {
    padding: 30px 21px 31px 29px;
}

.blog-related-box.style-two {
    padding: 30px 33px 31px 21px;
}

.blog-details-tag ul li a {
    padding: 2px 11px;
}
.blog-details-tag ul li {
    margin-right: 3px;
}

.blog-details-comment.style-two {
    margin-left: 6px;
}

.blog-related-content a {
    width: 68%;
}

.blog-details-comment-thumb {
    margin-right: 8px;
}

.recent-widget-content a {
    width: 80%;
    display: inline-block;
}

.style-two .blog-content a {
    font-size: 18px;
    line-height: 34px;
}







}












/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 574px) {
 
.top-headar-area {
    display: none;
}

.header-area {
    display: none;
}

.hero-area {
    height: 706px;
    padding-top: 49px;
    padding-bottom: 0;
}

.hero-thumb {
    display: none;
}

.hero-thumb-2 {
    display: none;
}

.hero-content p {
    width: 100%;
    font-size: 17px;
}

.hero-content h1 {
    font-size: 41px;
    line-height: 43px;
}

.featurea-area .section-title {
    left: 0;
    margin-bottom: 35px;
}

.featurea-area .section-title h1 {
    font-size: 30px;
    line-height: 28px;
}

.section-title h4 {
    margin: 0 0 2px 50px;
}

.single-feature-box {
    padding: 40px 28px 18px;
}

.about-shape {
    display: none;
}

.about-thumb {
    left: 0;
    top: -13px;
}

.about-thumb img {
    width: 100%;
}

.about-content h4 {
    font-size: 17px;
    line-height: 32px;
}

.single-about-box {
    width: 100%;
}

.section-title p {
    width: 100%;
}

.service-area {
    margin: 0 0 0;
    background-position: center;
}

.service-content {
    margin: 0 0 0;
}

.service-content h4 {
    font-size: 18px;
    margin: 19px 0 10px;
}

.section-title h1 {
    font-size: 16px;
    line-height: 13px;
}

.text-section .marquee-block .content-box h6.title {
    font-size: 22px;
}

.choose-us-thumb img {
    width: 100%;
}

.choose-us-area {
    margin: 0;
}

.choose-us-thumb {
    left: 0;
    padding-top: 45px;
}

.portfolio-area {
    padding: 388px 0 100px;
}

.portfolio_nav {
    padding: 15px 9px;
}

.portfolio_menu ul li {
    margin-right: 6px;
    padding: 7px 19px;
    margin-bottom: 8px;
}

.portfolio-content a {
    font-size: 17px;
    margin-top: 6px;
}

.pricing-shape-2 {
    display: none;
}

.pricing-shape {
    display: none;
}

.single-pricing-img-box {
    padding: 47px 15px 306px;
}

.single-pricing-box {
    padding: 28px 30px 39px;
}

.video-area {
    padding: 136px 0 129px;
    margin: 0 7px 0;
}

.single-teasti-content {
    padding: 39px 20px 31px;
}

.teasti-author-title h4 {
    font-size: 14px;
}

.teasti-shape {
    display: none;
}

.teasti-shape-2 {
    display: none;
}

.blog-area .project-button {
    text-align: left;
    margin-bottom: 40px;
}

.blog-area .section-title {
    margin-bottom: 34px;
}

.blog-content a {
    font-size: 15px;
    line-height: 23px;
}

.blog-date {
    top: 36%;
}

.subscribe-area .row.add-bg {
    padding: 70px 10px 80px;
}

.subscribe-form {
    text-align: left;
    margin-top: 38px;
}

.subscribe-content h4 {
    font-size: 21px;
    line-height: 22px;
}

.subscribe-form input {
    width: 78%;
    border-radius: 0;
}

.footer-shape-one {
    display: none;
}

.footer-shape-two {
    right: -174px;
}

p.footer-desc {
    width: 100%;
}

.footar-working-list ul li {
    padding-right: 0;
    font-size: 14px;
}

.footar-content {
    margin-top: 25px;
}

.footar-area .row.add-bg {
    padding: 21px 3px 25px;
}

.footer-bottom-content ul {
    text-align: left;
    margin-top: 8px;
}

.footer-bottom-content ul li a:nth-child(1) {
    margin-right: 16px;
    margin-left: 0;
}



/*Home Two All Responsive Css*/

.hero-wallpaper {
    height: 967px;
}

.hero-wallpaper .hero-team-expt-content h4 {
    font-size: 24px;
}

.hero-area.style-two {
    margin: 0 0 0;
    background-position: center left;
    height: 606px;
    padding-top: 47px;
}

.hero-wallpaper .hero-flower-shape {
    left: 16%;
    display: none;
}

.style-two .hero-video {
    display: none;
}

.hero-single-box {
    display: block;
    text-align: center;
}

.hero-box-content h4 {
    margin: 18px 0 10px;
}

.style-two .hero-shape {
    display: none;
}

.style-two .hero-social-icon {
    display: none;
}

.style-two .line:before {
    width: 100%;
}

.hero-wallpaper .hero-team-expt {
    display: none;
}

.style-two .hero-shape2 {
    display: none;
}

.style-two .hero-content h4 {
    font-size: 13px;
}

.style-two .hero-content h1 {
    font-size: 24px;
    line-height: 24px;
}

.style-two .hero-content p {
    width: 100%;
}

.about-area.style-two {
    padding: 132px 0 121px;
}

.style-two .about-thumb {
    left: 9px;
    margin-bottom: 32px;
}

.about-item p {
    font-size: 15px;
}

.style-two .about-thumb img {
    width: 100%;
}

.featurea-area.style-two .feature-shap2 {
    display: none;
}

.featurea-area.style-two .section-title h1 {
    font-size: 20px;
    line-height: 20px;
}

.featurea-area.style-two .feature-shape {
    display: none;
}

.featurea-area.style-two .single-feature-box {
    padding: 40px 8px 18px;
}

.featurea-area.style-two .feature-thumb {
    margin-top: 30px;
    padding-bottom: 25px;
}

.featurea-area.style-two .feature-content h4 {
    font-size: 25px;
    margin: 22px 0 10px;
}

.featurea-area.style-two .feature-right {
    left: 0;
}

.featurea-area.style-two .feature-thumb img {
    width: 100%;
}

.featurea-area.style-two .feature-thumb-shape {
    top: -26px;
}

.featurea-area.style-two .feature-thumb-shape2 {
    bottom: 39px;
}

.service-area.style-two .massage-time {
    bottom: 31%;
}

.service-area.style-two .service-box-content {
    padding: 32px 14px 70px;
}

.choose-us-area.style-two .choose-us-thumb {
    position: relative;
    left: 0;
    top: -44px;
}


.choose-us-area.style-two .project-button a {
    margin-top: 28px;
}

.choose-us-area.style-two .choose-us-conter-content h4 {
    font-size: 20px;
}

.choose-us-area.style-two .choose-us-conter-content span {
    font-size: 25px;
}

.choose-us-area.style-two .choose-us-conter-content p {
    font-size: 15px;
}

.choose-us-area.style-two .choose-us-counter {
    gap: 13px;
    margin-bottom: 22px;
}

.choose-us-area.style-two .row.add-bg {
    padding: 20px 5px;
}

.choose-us-area.style-two .choose-us-list-box ul li {
    font-size: 16px;
}

.portfolio-area.style-two .port-icon {
    padding: 29px 22px 29px;
}

.portfolio-area.style-two .single-port-box {
    margin: 0 0 77px;
}

.portfolio-area.style-two {
    padding: 120px 0px 110px;
}

.portfolio-area.style-two .port-title a {
    font-size: 16px;
}

.portfolio-area.style-two .port-content {
    width: 100%;
    gap: 9px;
}

.teasti-area.style-two .teasti-shape {
    display: none;
}

.teasti-area.style-two .teasti-shape-2 {
    display: none;
}

.teasti-area.style-two .teasti-shape-3 {
    display: none;
}

.teasti-area.style-two .teasti-shape-4 {
    display: none;
}

.teasti-area.style-two .teasti-content p {
    font-size: 17px;
    line-height: 31px;
    width: 100%;
}

.teasti-area.style-two .teasti-author-content {
    margin-top: 226px;
}

.teasti-area.style-two .owl-dot {
    margin: 0 7px 0;
}

.teasti-area.style-two .owl-dots {
    left: 8%;
    bottom: 84px;
}

.team-area .single-team-box {
    border-radius: 301px 324px 0 0;
}

.team-area {
    margin: 0 0 0;
}

.team-thumb img {
    width: 100%;
}

.call-do-action-area {
    background-position: center left;
    margin: 0 0 0;
}

.call-do-sahpe {
    left: 68%;
    display: none;
}

.call-do-content h4 {
    font-size: 24px;
    line-height: 28px;
}

.sticky {
    position: absolute !important;
}

/*inner Responsive All Css*/

.single-service-details-box {
    padding: 45px 17px 41px;
}

.service-details-area .row.add-margin {
    margin-top: 71px;
}

.service-details-area .row.add-bg {
    padding: 63px 3px 75px;
}

.service-details-title h6 {
    margin-bottom: 14px;
}

.service-details-title h4 {
    font-size: 20px;
}

.service-details-title p {
    width: 100%;
}

.service-details-thumb img {
    width: 100%;
    margin-top: 18px;
}

.service-dtl-content {
    padding: 26px 13px 34px;
}

.service-dtl-content h4 {
    font-size: 23px;
}

.service-details-area .row.add-margin {
    margin-top: 71px;
    margin-left: 0;
}

.service-box-item ul li {
    font-size: 15px;
}

.breadcumb-content h4 {
    font-size: 22px;
}

.breadcumb-area {
    padding: 200px 0 128px;
}

.port-details-content h1 {
    font-size: 34px;
}

.port-details-content p {
    width: 100%;
}

.single-port-info-box {
    margin-top: 21px;
}


.portfolio-area.style-two.inner-style {
    padding: 120px 0 80px;
}

.portfolio-area.style-two.inner-style .port-content {
    width: 100%;
    gap: 14px;
}

.portfolio-area.style-two.inner-style .port-title a {
    font-size: 18px;
}

.portfolio-area.style-two.inner-style .port-title h4 {
    margin-bottom: 4px;
}


.faqs-area {
    padding: 118px 0 99px;
}

.faqs-thumb img {
    width: 100%;
    padding-bottom: 34px;
}

.faq-singular .faq-question {
    font-size: 16px;
    padding: 20px 9px 19px 9px;
    line-height: 26px;
}

.faq-answer {
    padding: 21px 13px 25px;
}

.faq-singular .faq-question:before {
    right: 10px;

}

/*contact pages*/
.inner-style .row.add-backgroun {
    padding: 98px 10px 101px;
}

.inner-style .single-contact-form {
    padding: 20px 16px 30px;
}

.inner-style .single-contact-box {
    display: block;
    text-align: center;
}

.inner-style .contact-title p {
    font-size: 16px;
    line-height: 24px;
}

.inner-style.contact-area  .section-title p {
    width: 100%;
}

.blog-details-area {
    padding: 118px 0 86px;
}

.blog-details-title a {
    font-size: 18px;
    padding-top: 8px;
}

.blog-details-desc p {
    width: 100%;
}

.blog-details-submi-button button {
    margin-bottom: 35px;
}

.blog-related-box {
    padding: 30px 5px 31px 17px;
}

.blog-related-box.style-two {
    padding: 30px 17px 31px 11px;
    margin-top: 25px;
}

.blog-related-content a {
    font-size: 15px;
    line-height: 21px;
}

.blog-details-tag ul li a {
    padding: 2px 11px;
}

.blog-details-tag ul li {
    margin-right: 3px;
}

.blog-details-comment.style-two {
    margin-left: 6px;
}

.blog-details-social {
    text-align: left;
    margin-top: 13px;
}

.blog-details-comment-thumb {
    float: inherit;
    margin-bottom: 20px;
}

.blog-details-comment {
    padding: 29px 15px 25px;
}

.blog-details-comment-content h2 {
    font-size: 17px;
    margin-right: 6px;
}

.widget_search {
    padding: 13px 15px 37px;
}

.widget-categories-box {
    padding: 21px 13px 15px;
}

.recent-widget-content a {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}

.sidber-widget-recent-post {
    gap: 9px;
}

.style-two .blog-content {
    padding: 28px 18px 25px;
}

.style-two .blog-content a {
    font-size: 16px;
    line-height: 24px;
}




}




/*xl device min width*/
@media screen and (min-width:992px) {
    .pl-lg-50 {
        padding-left: 50px;
    }
}

/*xl device min width*/
@media screen and (min-width:1200px) {
    .video-icon {
        left: 75%;
    }
}