/* Responsive CSS Document */

/* 
    Theme Name   : HeySERP - We Help Companies Dominate the Search Engine Results
    Version      : 1.0.
    Developed by : (https://heyserp.com)
   
*/

@media (min-width: 992px) {
  .container {padding-right: 0;padding-left: 0;}
}
/*(min-width: 992px)*/

@media (min-width: 1400px) {

}
 /*(min-width: 1400px)*/
/*Grid xl Start*/
@media (max-width: 1399px) { 
  .theme-main-menu .inner-content {padding-left: 12px; padding-right: 12px;}
  .blog-meta-one .title {font-size: 20px;}
  .address-block-one p {font-size: 16px;}
}
/*(max-width: 1399px)*/



/*Between Grid xl*/
@media (min-width: 1200px) and (max-width: 1399px) {
  .theme-main-menu {padding-left: 30px; padding-right: 30px;}
  .hero-banner-one .illustration-holder {right: 2%; max-width: 40%;}
  .feedback-section-one .feedback-wrapper {padding-left: 50px;}
  .feedback-section-one .feedback-wrapper blockquote {font-size: 38px;}
  .feedback_slider_one .slick-dots {width: 461px;}
}
/*(min-width: 1200px) and (max-width: 1399px)*/



/*Grid lg Start*/
@media (max-width: 1199px) {
  body {font-size: 17px;}
  .text-lg {font-size: 19px;}
  .title-style-one .upper-title {font-size: 14px; letter-spacing: 1px; padding-bottom: 5px;}
  .title-style-one .title {font-size: 40px; line-height: 1.2em;}
  .HeySERP-text-block-three .title {font-size: 35px;}
  body .theme-btn-one {font-size: 16px; padding: 0 32px; line-height: 52px;}
  body .theme-btn-three {font-size: 16px;}
  .theme-main-menu {padding-left: 12px; padding-right: 12px;}
  .HeySERP-text-block-one .shape-two,.portfolio-gallery-one .shapes,
  .HeySERP-text-block-four .shape-one,.HeySERP-text-block-five .shapes,
  .HeySERP-text-block-seven .shape-one {display: none;}
  .hero-banner-one .hero-sub-heading {font-size: 17px; padding: 25px 0 30px;}
  .card-style-one .icon {height: 45px;}
  .card-style-one .title {font-size: 22px;}
  .HeySERP-text-block-one .quote-wrapper p {font-size: 17px; padding-bottom: 0;}
  .HeySERP-text-block-one .img-meta {padding-right: 15%;}
  .HeySERP-text-block-one,.HeySERP-text-block-two {padding: 80px 0;}
  .portfolio-gallery-one .controls {padding: 5px 10px;}
  .portfolio-gallery-one .controls button {font-size: 11px; margin: 5px 10px;}
  .portfolio-gallery-one .caption {padding: 20px 15px;}
  .portfolio-gallery-one .caption .pj-title {font-size: 20px;}
  .portfolio-gallery-one .caption .tag {font-size: 14px;}
  .HeySERP-text-block-two .img-meta .card-one {width: 100%; left: 0; padding: 20px 20px 20px 35px;}
  .HeySERP-text-block-two .feature h6 {font-size: 17px;}
  .feedback-section-one .feedback-wrapper {padding: 0;}
  .feedback-section-one .feedback-wrapper .icon {width: 55px; height: 55px;}
  .form-style-one {padding: 35px 20px;margin-right: 0;}
  .HeySERP-basic-footer .footer-nav-link a {font-size: 15px; line-height: 35px;}
  .HeySERP-basic-footer p {font-size: 15px;}
  .HeySERP-basic-footer {padding-top: 90px;}
  .inside-banner-one h2 {font-size: 40px;}
  .inside-banner-one p {font-size: 17px; padding-top: 0;}
  .HeySERP-text-block-three .bg-wrapper {padding: 60px 12px;}
  .counter-block-one .main-count {font-size: 48px;}
  .team-block-one .overlay-bg {padding: 0 0 25px 20px;}
  .team-block-one .name {font-size: 22px;}
  .team-block-one .position {font-size: 14px; padding: 0 0 15px;}
  .card-style-two h3 {font-size: 22px;}
  .card-style-two {padding: 40px 30px 30px;}
  .blog-details-page .top-hero .post-title {font-size: 24px; line-height: 1.55em;}
  .blog-details-page .post-meta p {font-size: 16px;}
  .blog-details-page .post-meta blockquote {font-size: 20px; line-height: 2em; padding-left: 35px; margin: 38px 0;}
  .blog-details-page .post-meta blockquote:before {width: 22px;}
  .blog-details-page .post-meta h3 {font-size: 24px; line-height: 1.4em; padding: 30px 0 12px;}
  .blog-details-page .post-meta h4 {font-size: 18px; line-height: 1.65em;}
  .blog-details-page .bg-wrapper {padding: 50px 15px;}
  .case-details-one .top-banner h6 {font-size: 14px;}
  .case-details-one .top-banner .page-title {font-size: 35px; padding: 15px 0 30px;}
  .case-details-one .top-banner .page-title span:before, .case-details-one .top-banner .page-title a:before {height: 2px; bottom: 7px}
  .case-details-one .top-banner p {font-size: 17px;}
  .case-details-one .top-banner {margin-bottom: 60px;}
  .case-details-one .sub-heading {font-size: 13px; margin-bottom: 15px;}
  .case-details-one .title {font-size: 35px; padding-bottom: 30px;}
  .case-details-one p {font-size: 17px; padding-bottom: 5px;}
  .case-details-one .border-block {padding: 50px 0 35px; margin: 40px 0 50px;}
  .ui-list-item-one li {font-size: 16px; margin-bottom: 22px;}
  .case-details-one .img-meta {margin: 35px 0 50px;}
  .card-style-three {padding: 35px 20px;}
  .card-style-three h4 a {font-size: 22px; margin-bottom: 15px;}
  .card-style-three .icon {width: 50px; height: 50px;}
  .inside-banner-one .bg-round {width: 150px; height: 150px;}
  .inside-banner-one .bg-round .tg-text {font-size: 18px; padding-bottom: 5px;}
  .inside-banner-one .bg-round .price {font-size: 30px;}
  .card-style-four .main-pr-text {font-size: 18px;}
  .card-style-four .time-line h3 {font-size: 18px; margin: 55px 0 15px;}
  .card-style-four .time-line p {font-size: 16px;}
  .card-style-four .time-line h3 span {left: -48px;}
  .card-style-four .time-line:before {left: 5px;}
  .card-style-five h3 {font-size: 20px; margin: 5px 0 25px;}
  .card-style-five {padding: 0 15px 20px;}
  .card-style-six {padding: 30px 15px 15px;}
  .blog-section .theme-btn-one {top: -1px;}
}
/*(max-width: 1199px)*/



/*Between Grid lg*/
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-banner-one .hero-heading {font-size: 55px;}
  .hero-banner-one .illustration-holder {right: 2%; top: 32%; max-width: 44%;}
  .portfolio-gallery-one .mix {width: 50%;}
  .feedback-section-one .image-container {padding-left: 30px;}
  .feedback-section-one .feedback-wrapper blockquote {font-size: 33px;}
  .feedback_slider_one .slick-dots {width: 455px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/



/*Grid md Start*/
@media (max-width: 991px) {
  .theme-main-menu .navbar-toggler {right: 12px;}
  .theme-main-menu.fixed .navbar-toggler {right: 0;}
  .theme-main-menu .right-widget {margin-right: 45px;}
  .hero-banner-one {padding: 190px 0 80px;}
  .hero-banner-one .hero-heading {font-size: 45px;}
  .HeySERP-text-block-one .img-meta {height: auto;}
  .portfolio-gallery-one .controls button:after,
  .HeySERP-text-block-two .shape-one {display: none;}
  .HeySERP-text-block-two .img-meta {max-width: 450px; margin: 70px auto 0;}
  .feedback-section-one .image-container {padding: 0;}
  .feedback-section-one .feedback-wrapper blockquote {font-size: 26px; line-height: 1.62em; padding-bottom: 20px;}
  .feedback-section-one .feedback-wrapper blockquote span:before {bottom: 8px;}
  .feedback-section-one .image-container:before {bottom: 0; width: 100%; height: 100%; left: 0; transform: rotate(0);}
  .feedback_slider_one .slick-dots {position: static;}
  .feedback-section-one .feedback-wrapper .name {font-size: 18px;}
  .blog-meta-one .post-meta {margin: -30px 10px 0; padding: 20px 20px 30px;}
  .blog-meta-one .title {font-size: 19px; margin: 8px 0 15px;}
  .contact-meta-one p {padding: 20px 0 15px;}
  .contact-meta-one .call-button {font-size: 22px;}
  .address-block-one .title {font-size: 20px;}
  .address-block-one .icon {width: 65px; height: 65px; padding: 16px;}
  .HeySERP-basic-footer .footer-title {margin-bottom: 15px;}
  .inside-banner-one {padding: 185px 0 60px;}
  .inside-banner-one.pb-xl {padding-bottom: 220px;}
  .fancy-banner-one .inner-content {padding: 50px 0;}
  .blog-details-page .top-hero {padding: 200px 0 225px;}
  .blog-details-page .top-hero .post-info li {font-size: 15px;}
  .inside-banner-one .bg-round {margin: 25px auto 0;}
  .blog-section .theme-btn-one {right: 12px;}
  .portfolio-gallery-one .mixitUp-container {margin: 0 -12px;}
  .portfolio-gallery-one .mix {padding: 0 12px;}
}
/*(max-width: 991px)*/



/*Between Grid md*/
@media (min-width: 768px) and (max-width: 991px) {
  .hero-banner-one .illustration-holder {right: 1%; top: 35%; max-width: 40%;}
  .portfolio-gallery-one .mix {width: 50%;}
  .feedback_slider_one .slick-dots {width:336px;} 
}
/*(min-width: 768px) and (max-width: 991px)*/



/*Grid sm Start*/
@media (max-width: 767px) {
  .hero-banner-one .illustration-holder {position: static; margin: 50px auto 0; max-width: 450px;}
  .portfolio-gallery-one .mix {width: 100%;}
  .feedback-section-one .image-container {max-width: 400px; margin: 25px auto 0;}
  .feedback-section-one .image-container img {margin: 0 auto;}
  .feedback_slider_one .slick-dots {width: 100%; text-align: center; margin-top: 25px;}
  .feedback-section-one .feedback-wrapper .icon {width: 50px; height: 50px; margin-bottom: 20px; padding: 12px;}
  .inside-banner-one .shape-one {display: none;}
  .blog-details-page .post-meta .mark-text {padding: 20px 15px;}
  .error-creative-content .inner-wrapper {padding: 150px 0 50px;}
  .error-creative-content .inner-wrapper h2 {font-size: 40px;}
  .error-creative-content .inner-wrapper p {font-size: 18px;}
}
/*(max-width: 767px)*/



/*Between Grid sm*/
@media (min-width: 576px) and (max-width: 767px) {
  
}
/*(min-width: 576px) and (max-width: 767px)*/



/*Extra Small breakpoints*/
@media (max-width: 575px) {
  .card-style-one {padding: 0 5px 30px;}
  .HeySERP-text-block-two .img-meta .card-one .icon {width: 40px; height: 40px; left: -10px; padding: 10px;}
  .lead-form {width: 100%; max-width: 300px;}
  .card-style-six h4 {font-size: 17px;}
  .HeySERP-sidebar-widget .list-item li a {font-size: 16px;}
  .HeySERP-sidebar-widget .list-item li + li {margin-top: 15px;}
  .blog-section .theme-btn-one {position: static;}
}
/*(max-width: 575px)*/