@media screen and (max-width: 1440px) {
    .banner-img { width: 554px; position: absolute; float: right; top: -57px; right: 10px; }
}

@media screen and (max-width: 1024) {
    #Comprison_pricingplan ul { padding-bottom: 0; }
}
@media screen and (max-width: 1199px) {
    #banner_slider .banner-slider-inner { padding-top: 60px; }
    #banner_slider .carousel-inner { padding: 60px 0 30px 0; }
    #banner_slider .carousel-control-prev-icon { padding: 16px 12px; }
    #banner_slider .carousel-control-next-icon { padding: 16px 12px; }
    .banner-img, .slider-2 .banner-img { width: 463px; position: relative; float: right; top: -10px; right: -10px; }
    .slider-3 .banner-img  { width: 463px; position: relative; float: right; top: -100px; right: -10px; }
    #banner_slider .carousel-item { min-height: 520px; }
    .hosting-text, .server-text, .vps-text { left: 160px; }
    .hosting-payment-card, .server-payment-card, .vps-payment-card { padding: 48px 30px 61px 30px; }
    .text-paragraph p { padding: 8px 0 0 0;}
    .banner-text{ width: 50%;}
    .banner-listing { width: 50%; }
    .banner-text h1 { font-size: 50px !important; letter-spacing: -1.5px !important; }
    .banner-text p { margin-bottom: 14px; }
    .slider-2 p, .slider-3 p { padding-right: 6%; margin-bottom: 20px;}
    .text-paragraph { width: 50%; }
    #Comprison_pricingplan table thead th:nth-child(2), #Comprison_pricingplan table thead th:nth-child(3), #Comprison_pricingplan table thead th:nth-child(4) { width: 200px; padding: 21px 0px; }
    .reseller-table-text { right: 260px; }
    .shared-plan-box { padding: 50px 35px; }
    .slider_content { padding: 55px 30px 78px 30px; width: 32.5%; }
    .vps-slider-section .select-form { background-position: 97% 21px; }
    .sliderbox { width: 67.5%;  padding: 60px 60px 25px 60px; }
    .review-section .carousel-indicators { bottom: -35px; }
    .container .st-blog-content-detils p{ padding-right: 0px; padding: 0px 15px 0px 15px !important; text-align: left;}
    .custom-gutter .col-lg-12{padding: 0;}
    .blog-item-info li.post-author:before{position: absolute !important;left: 3px !important; top: 0px !important;}
    .content-area.yogastic-page-containerr{padding-top: 80px !important;}
    .container .col-lg-12 h1{padding: 60px 0 30px 0;}
    .blog-details-comment .logged-in-as{margin-left: -170px !important;}
} 
  
@media screen and (max-width: 991px) {
    #banner_slider .banner-slider-inner { padding-top: 30px; }
    .banner-listing, .banner-button { width: 100%; text-align: center; }
    .banner-listing { padding-top: 20px; }
    .banner-listing ul { padding-left: 0; }
    .banner-listing ul li::before { display: none; }
    .banner-img, .slider-2 .banner-img, .slider-3 .banner-img { position: relative; top: 10px; right: 0px; float: left; left: 110px; width: 500px; margin-bottom: 20px;}
    #banner_slider .carousel-indicators { bottom: 60px; }
    .text-paragraph p { padding: 0;}
    #banner_slider .carousel-inner { padding: 20px 0 105px 0; }
    #banner_slider .carousel-item { min-height: auto; }
    .banner-text h1 { font-size: 39px !important; line-height: 45px !important; }
    .text-paragraph { width: 100%; text-align: center; }
    .banner-text .text-paragraph { padding: 0px 0% 0 0; font-size: 16px; line-height: 25px; }
    .banner-button { text-align: center;}
    .navbar-toggler:focus { outline: none;}
    .banner-text p { font-size: 16px; line-height: 25px; }
    .banner-text span { font-size: 16px; line-height: 25px; }
    .banner-text { width: 100%; text-align: center; }
    .primary-btn { padding: 14px 30px; }
    .secondary-btn { padding: 14px 30px; margin-left: 6px; }
    .subscribe-form .form-control { padding: 20px 0px 20px 39px; }
    .hosting-text, .server-text, .vps-text { left: 525px; }
    .plan ul { margin-right: 20%; width: 40%;}
    .plan figure { margin-right: 35px;}
    .plan ul figure { margin-right: 0px; }
    .plan .price-outer { float: left; width: 40%; }
    .hosting-list li, .company-list li, .contact-list li { padding-bottom: 5px;}
    .review-section p { margin-bottom: 33px;}
    .review-section-text { font-size: 20px; }
    .sliderbox { width: 100%; padding: 0px; margin-bottom: 30px; }
    .slider_content { width: 100%; box-shadow: none; padding: 0px;}
    .plan-wrap { padding: 60px; top: 0px; position: relative; }
    .slider-row1 label{ font-size:16px; }
    .slider-row1 .slide-value{ font-size:16px; }
    .vps-slider-section { padding: 70px 0px; }
    .text-left .post-title{font-size: 20px !important;}
    .blog-item-info ul.post-meta li{padding: 0 5px 2px 21px !important;margin-bottom: 0px !important;}
    .yogastic-blog-details .blog-details-area{margin-bottom: -5px !important;padding: 0 !important;}
    .blog_posts_image .heading_title{  font-size: 18px !important; margin: 0px 30px 20px 0px !important;}
    .container .col-lg-12 h1{padding: 40px 0 30px 0 !important;}
    .blog-details-area .blog-details-content .thumb{ margin-bottom: 5px !important;}
    .elementor-widget-wrap .owl-carousel .owl-nav .owl-prev span, .elementor-widget-wrap .owl-carousel .owl-nav .owl-next span{
        color: #e1ccad;
        border: none;
        padding: 10px!important;
        font: inherit;
        position: relative;
        font-size: 62px;
        background-color: transparent;
    }
}




@media screen and (max-width: 767px) {
    #banner_slider .banner-slider-inner { padding-top: 20px; }
    .text-paragraph { width: 100%; }
    .banner-text { width: 100%; text-align: center; }
    .banner-text h1 { font-size: 35px !important; line-height: 40px !important; }
    .banner-btn { padding-top: 21px; text-align: center;}
    .text-paragraph p{ font-size: 14px; line-height: 20px; margin-bottom: 25px; padding: 8px 0 0 0; text-align: center;}
    .text-paragraph span { font-size: 14px; line-height: 20px; }
    .banner-text span { font-size: 15px; line-height: 22px; margin-bottom: 10px;}
    #banner_slider .carousel-inner { padding: 0px 0 90px 0; }
    #banner_slider .carousel-indicators { bottom: 45px; }
    #banner_slider .carousel-item { min-height: 0px; }
    .banner-listing ul, .banner-listing ol, .banner-listing p { margin-bottom: 20px; }
    .banner-listing li, .banner-listing p { font-size: 14px; line-height: 20px; }
    .primary-btn { padding: 14px 35px; font-size: 12px;}
    .secondary-btn { padding: 14px 35px; font-size: 12px;  margin-left: 4px;}
    .banner-text p { font-size: 14px; line-height: 20px; margin-bottom: 7px; padding-bottom: 15px; }
    .slider-2 li, .slider-3 li { font-size: 14px; font-weight: 400; margin-bottom: 5px; }
    .stars li { font-size: 22px; }
    .review-section-text { font-size: 20px; padding: 0; line-height: 26px;}
    .review-section ul { margin-bottom: 10px; }
    .ceo h4 { font-size: 22px !important;  line-height: 10px !important;}
    .quote i { padding-bottom: 10px !important;}
    .review-section .carousel-indicators { bottom: -30px; }
    .domain-table-section { padding: 60px 0px; }
    .table-plan-box { padding: 40px 30px; }
    .content-area.yogastic-page-containerr{padding: 0px 15px !important;}
    .blog-thumb-full img{height: 350px !important;}
    .thumb{ width: 100% !important;}
    .heading-dev{width: 100% !important;margin: 40px 0 5px 0 !important;}
    .text-left .post-title{font-size: 18px !important;}
    .text-left .post-title{text-align: center !important;}
    .blog-item-info .post-meta{width: 100% !important;}
    .blog-item-info ul.post-meta{text-align: center !important;}
    .heading-dev .d-flex{padding: 15px 15px 0px 0px !important;}
    .blog-item-info li.post-date:before{left: 3px !important; top: 1px !important;}
    .container .st-blog-content-detils p{text-align: center !important;}
    .container .col-lg-12 h1{font-size: 26px !important;}
    .comments-area .comment-reply-title {margin-top: 19px !important;}
    .container .col-lg-12 h1{    padding: 30px 0 30px 0 !important;}
}
  
  
  
@media screen and (max-width: 575px) {
    .banner-text h1 { font-size: 29px !important; line-height: 35px !important; }
    .banner-text span { font-size: 14px; line-height: 20px; } 
    .banner-img { left: 0; width: 100%; }
    .slider-2 .banner-img, .slider-3 .banner-img { left: 13px; width: 100%; }
    .slider-2 ul, .slider-3 ul { margin-bottom: 25px; }
    .banner-text .text-paragraph { font-size: 14px; line-height: 20px; margin-bottom: 5px; }  
    .slider-2 li, .slider-3 li { font-size: 12px; }
    .primary-btn { padding: 14px 25px; }
    .secondary-btn { padding: 12px 25px; }
    .subscribe-form .form-control { padding: 15px 0px 15px 10px; font-size: 12px; }
    .review-section p { margin-bottom: 20px; }
    .stars li { font-size: 20px; }
    .quote i { font-size: 30px; }
    .review-section-text { font-size: 18px;  line-height: 25px; }
    .ceo h4 { font-size: 20px !important; padding-top: 8px; line-height: 10px !important; }
    .ceo .ceo-text{ font-size: 12px; line-height: 18px; }
    .review-section .carousel-indicators { bottom: -25px; }
    .domain-table-section .table thead th { font-size: 10px; }
    .table-plan-box { padding: 30px 20px; }
    .white_btn a { padding: 12px 30px;  font-size: 12px; }
    .slider-container .ui-slider-handle { width: 25px; height: 25px; margin-top: -3px;}
}

/* ------------ Elementor SECTION RESPONSIVE CSS ------------ */
@media screen and (max-width: 1199px) {
    .shared-tab-box .elementor-tabs-wrapper { justify-content: center !important; margin-bottom: 50px; }
    .domain-search-form #dc-tld-1 { width: 15%; }
}
@media screen and (max-width: 1024px) {
    .footer-subscribe-form form{ width: 100%; margin: auto; }
}

@media screen and (max-width:767px){
    .contact-us-plan-box-section .form-control { padding: 10px 0px 10px 18px !important; width: 100%; height: 48px; }
    .contact-us-plan-box-section .wpcf7 form.sent .wpcf7-response-output { bottom: -20px; font-size: 12px; width: auto; }
    .footer-subscribe-form .mc4wp-form-fields .email { padding: 20px; font-size: 14px; }
    .footer-subscribe-form .mc4wp-form-fields .button { padding: 14px 20px 15px 20px; font-size: 12px; line-height: 13px; }	
}
@media screen and (max-width:575px){
    .support-contact-details a, .contact-us a { font-size: 14px !important; line-height: 20px !important; }
    .contact-us-plan-box-section .form-control { padding: 10px 0px 10px 18px !important; height: 48px !important; font-size: 16px !important; }

}
/* resonsivpe */
@media (max-width: 1025px){.container .content-box p{font-size: 22px}.carousel-indicators{position: relative;left: -190px;top: 47px}.container .pagination-outer .carousel-control-prev{left: 5px;top: -99px}.container .pagination-outer .carousel-control-next{right: 5px;top: -99px}.blog_posts_image{margin-right: 15px}}@media (max-width: 768px){.carousel-indicators{position: relative;left: -127px;top: 33px}.banner-button{text-align: left !important}.services_box_lower_portion p{padding: 10px 10px 8px 0}.container p{padding: 0px}.container .content-box p{font-size: 20px;line-height: 36px;font-weight: 500;color: var(--e-global-color-primary);padding: 0 40px 0 40px;margin-bottom: 26px}.container .testimonial_person_name{font-family: 'DM Serif Display', serif;font-size: 20px;line-height: 24px;font-weight: 400}.container.primary-btn{padding: 20px 30px}.container span{font-size: 16px;line-height: 24px;font-weight: 400;color: var(--e-global-color-white)}.container .carousel span{font-size: 16px;line-height: 24px;font-weight: 400;color: var( --global--color-blue)}.container.testimonial_content img{width: 10%}.banner-text h1{font-size: 40px}}@media (max-width: 360px){.carousel-indicators{position: relative;left: -8px;top: 33px}.banner-button{text-align: center !important}.carousel{text-align: center}.container p{padding-right: 0px !important}.container{padding: 0px;margin:20px 0 20px 0}.container .content-box p{font-size: 16px;line-height: 36px;font-weight: 500;color: var(--e-global-color-primary);padding: 0 0px 0 0px;margin-bottom: 26px}.container .testimonial_person_name{font-family: 'DM Serif Display', serif;font-size: 18px;line-height: 24px;font-weight: 400}.container span{font-size: 14px;line-height: 24px;font-weight: 400;color: var(--e-global-color-white)}.container .carousel span{font-size: 14px;line-height: 24px;font-weight: 400;color: var( --global--color-blue)}.container .pagination-outer .carousel-control-prev{left: 8vh;top: 30vh}.container .pagination-outer .carousel-control-next{right: 8vh;top: 30vh}.blog-section .row{flex-wrap: wrap !important}.blog_posts_image{margin-right: 0px}.services_box_lower_portion p{padding: 8px}}