/* XL Device :1200px. */
@media (min-width: 1450px) and (max-width: 1650px) {

    .hero__side__menu {
        left: 20px;
    }

    .hero__side__menu ul li a {
        margin-bottom: 80px;
    }
}



/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

    .header__menu ul li a {
        font-size: 16px;
    }

    .hero__side__menu {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 80px;
    }

    .hero__side__menu ul li a {
        writing-mode: unset;
        margin-bottom: 0;
        text-orientation: unset;
        transform: unset;
    }

    .hero__side__menu ul {
        flex-direction: row;
        justify-content: center;
        gap: 40px;
    }

    .hero__area {
        padding-bottom: 50px;
    }

    .hero__agency__button a {
        font-size: 16px;
    }

    .hero__text h1 {
        font-size: 70.735px;
        margin-bottom: 20px;
    }
    .service__area {
        padding-block: 100px;
    }





















.single__blog__image .star__bottom {

  width: 99px;
}
.single__blog__caption a {
  font-size: 27px;
}
.test__text p {
  font-size: 20px;
}
.form__title h1 {
  font-size: 83px;
}
.footer__hire h1 {
  font-size: 61px;
}
.footer__hire a {
  font-size: 26px;
}
.footer__text p {
  font-size: 20px;
}
.widget1 {
  width: 34%;
}
.widget4 {
  width: 28%;
}
.widget2 {
  width: auto;
}
.widget3 {
  width: 18%;
}
.footer__link {
  gap: 19px;
}
.footer__credit p {
  font-size: 20px;
}
.footer__credit a {
  font-size: 20px;
}
.footer__credit {
  padding-block: 30px;
}
.footer__hire {
  padding-bottom: 60px;
}








.hero__abosolute {
  height: 44%;
}

.hero__content.extra__mt.pb-200.d-flex.justify-content-between {
  padding-bottom: 6px;
}








}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    .header__menu ul li a {
        font-size: 15px;
        font-weight: 500;
    }

    .header__flex {
        padding: 10px 15px;
    }

    .header__logo img {
        width: 40px;
    }

    .hero__side__menu {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 80px;
    }

    .hero__side__menu ul li a {
        writing-mode: unset;
        margin-bottom: 0;
        text-orientation: unset;
        transform: unset;
    }

    .hero__side__menu ul {
        flex-direction: row;
        justify-content: center;
        gap: 40px;
    }

    .hero__area {
        padding-bottom: 50px;
    }

    .hero__agency__button a {
        font-size: 16px;
    }

    .hero__text h1 {
        font-size: 50.735px;
        margin-bottom: 20px;
        line-height: 64px;
    }

    .hero__agency__button a {
        padding: 10px 15px;
        gap: 5px;
    }

    .hero__agency__button {
        width: 47%;
    }

    .hero__content {
        margin-top: 140px;
    }

    .hero__text p {
        margin-bottom: 35px;
        font-size: 18px;
        line-height: 30px;
    }

    .hero__wrapper__card .hero__card__single:nth-child(1) {
        width: 260px;
        bottom: 90px;
        left: -50px;
    }

    .single__hero__agency span {
        font-size: 50px;
        gap: 5px;
    }
    .about__text {
        width: 48%;
    }
    .about__flex {
        width: 49%;
        row-gap: 15px;
    }
    .single__about {
        padding: 20px;
    }
    .service__area {
        padding-block: 100px;
    }
    .service__shape2 {
        width: 310px;
    }
    .service__shape1 {
        left: 0;
    }
    .service__title {
        margin-bottom: 50px;
    }
    .single__service__text h4 {
        font-size: 25px;
        padding: 30px;
    }
    .service__title h1 {
        font-size: 50px;
    }
    .service__title p {
        font-size: 18px;
        width: 600px;
    }















.single__blog__image .star__bottom {

  width: 77px;
  bottom: -9px;
}
.single__blog__caption a {
  font-size: 22px;
}
.test__text p {
  font-size: 20px;
}
.form__title h1 {
  font-size: 69px;
}
.footer__hire h1 {
  font-size: 61px;
}
.footer__hire a {
  font-size: 26px;
}
.footer__text p {
  font-size: 17px;
  padding-block: 20px;
}
.widget1 {
  width: 34%;
}
.widget4 {
  width: 28%;
}
.widget2 {
  width: auto;
}
.widget3 {
  width: 18%;
}
.footer__link {
  gap: 19px;
}
.footer__credit p {
  font-size: 16px;
}
.footer__credit a {
  font-size: 16px;
}
.footer__credit {
  padding-block: 30px;
}
.footer__hire {
  padding-bottom: 60px;
}


.single__counter {
  width: 23%;
  margin-top: 25px;
}
.portfolio__title h1 {
  font-size: 46px;
}
.portfolio__text h1 {
  font-size: 50px;
}
.portfolio__tabs ul li button {
  font-size: 16px;
}

.single__blog__tags span {
  font-size: 16px;
  margin-bottom: 15px;
}
.blog__btn {
  font-size: 16px;
}
.testimonial__title h1 {
  font-size: 50px;
}
.test__particle {
  right: 90px;
  top: -7px;
}
.form__area {
  padding-top: 100px;
}
.single__input input, .single__input textarea {
  font-size: 20px;
  height: 80px;
  padding-left: 100px;
}
.single__input label {
  width: 70px;
  height: 64px;
  left: 10px;
}
.single__input label svg {
  max-width: 32px;
}

.single__input textarea {
  padding-top: 26px;
}
.submit__form {
  right: 10px;
}
.single__achievement__text p {
  font-size: 20px;
}
.footer__link li a {
  font-size: 15px;
}
.single__footer h1 {
  font-size: 20px;
}

.footer__mail form input::placeholder {
  font-size: 16px;
}

















.case__text {
  padding: 20px;
}
.case__text h4 a {
  font-size: 24px;
}
.case__text p {
  font-size: 16px;
  margin-block: 21px;
}
.case__text h4 a {
  margin-bottom: 20px;
}
.case__text a {
  font-size: 16px;
}















.hero__abosolute {
  height: 44%;
  top: 78px;
}

.hero__content.extra__mt.pb-200.d-flex.justify-content-between {
  padding-bottom: 6px;
}









.blog__hero {
  min-height: 400px;
}
.contact__area {
  padding-top: 120px;
}
.contact__title h2 {
  font-size: 75px;
  text-align: center;
  line-height: 86px;
}
.contact__from textarea {
  padding-left: 0;
}
.contact__why {
  padding-top: 60px;
}
.contact__why-wraper {
  padding: 40px;
}
.contact__why-title h3 {
  font-size: 42px;
  margin-bottom: 20px;
}
.contact__why-title p {
  font-size: 16px;
}
.contact__why-title {
  margin-bottom: 30px;
}
.contact__why-btn a {
  font-size: 16px;
  padding: 20px 30px;
}



.blog__card-text h3 {
  font-size: 20px;
}
.blog__card-text p {
  font-size: 16px;
}
.blog__have {
	padding-top: 50px;
}

}


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


    .header__menu ul li a {
        font-size: 16px;
    }

    .header__flex {
        padding: 15px 20px;
    }

    .hero__side__menu {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 50px;
    }

    .hero__side__menu ul li a {
        writing-mode: unset;
        margin-bottom: 0;
        text-orientation: unset;
        transform: unset;
    }

    .hero__side__menu ul {
        flex-direction: row;
        justify-content: center;
        gap: 40px;
    }

    .hero__area {
        padding-bottom: 50px;
    }

    .hero__agency__button a {
        font-size: 16px;
    }

    .hero__text h1 {
        font-size: 40.735px;
        margin-bottom: 20px;
        line-height: 50px;
    }

    .hero__agency__button a {
        padding: 10px 15px;
        gap: 5px;
    }

    .hero__agency__button {
        width: 70%;
        margin: 0 auto;
        justify-content: center;
    }

    .hero__content {
        margin-top: 160px;
        flex-direction: column;
    }

    .hero__text p {
        margin-bottom: 35px;
        font-size: 18px;
        line-height: 30px;
    }

    .hero__wrapper__card .hero__card__single:nth-child(1) {
        width: 260px;
        bottom: 90px;
        left: -50px;
    }

    .single__hero__agency span {
        font-size: 40px;
        gap: 5px;
        margin-bottom: 10px;
    }

    .single__hero__agency h5 {
        font-size: 16px;
    }

    .hero__user__number span {
        font-size: 30.11px;
    }

    .hero__text {
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }

    .hero__wrapper {
        width: 80%;
        margin: 0 auto;
    }

    .hero__agency__diagram {
        display: none !important;
    }
    .hero__text__user {
        justify-content: center;
        margin-bottom: 40px;
    }
    .hero__user__status span {
        text-align: center;
        justify-content: center;
    }
    .about__content{
        flex-direction: column;
    }
    .about__text {
        width: 100%;
        margin-bottom: 30px;
    }
    .about__flex {
        width: 100%;
    }
    .about__area {
        padding-block: 60px;
    }
    .single__counter {
        width: 32%;
        margin-top: 24px;
    }
    .service__area {
        padding-block: 70px;
    }
    .service__shape2 {
        width: 310px;
    }
    .service__shape1 {
        left: 0;
        width: 300px;
    }
    .service__title {
        margin-bottom: 50px;
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .single__service__text h4 {
        font-size: 25px;
        padding: 30px;
    }
    .service__title h1 {
        font-size: 50px;
        width: 100%;
    }
    .service__title p {
        font-size: 18px;
        width: 600px;
        margin: auto;
    }
    .hero__user__rating{
        justify-content: center;
    }
    .portfolio__area {
        padding-block: 50px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.test__star2 {
  display: none;
}
.test__particle {
  display: none;
}
.portfolio__title h1 {
  font-size: 40px;
}
.portfolio__text h1 {
  font-size: 30px;
}
.portfolio__text p {
  font-size: 14px;
  line-height: 16px;
}
.portfolio__tabs ul li button {
  font-size: 14px;
}
.portfolio__tabs ul {
  gap: 6px;
}
.single__blog__post {
  width: 48%;
  margin-bottom: 30px;
}
.single__blog__image .star__bottom {
  width: 94px;
  bottom: -10px;
}
.single__blog__caption a {
  font-size: 23px;
}
.single__blog__tags span {
  font-size: 18px;
  margin-bottom: 19px;
}
.blog__btn {
  font-size: 16px;
  margin: 15px 0;
}
.testimonial__title h1 {
  font-size: 45px;
}
.testimonial__title p {
  font-size: 20px;
}
.test__text p {
  font-size: 16px;
}
.form__title h1 {
  font-size: 60px;
}
.single__input label {
  width: 60px;
  height: 54px;
  left: 8px;
}
.single__input label svg {
  width: 34px;
}
.single__input input, .single__input textarea {
  height: 70px;
  font-size: 18px;
  padding-left: 80px;
}
.single__input textarea {
  padding-top: 24px;
}
.submit__form {
  height: 60px;
  right: 7px;
}
.single__achievement__text p {
  font-size: 16px;
}
.single__achievement__icon img {
  max-width: 27px;
}
.footer__hire h1 {
  font-size: 44px;
}
.footer__hire a {
  font-size: 20px;
  height: 60px;
}
.footer__hire a svg {
  max-width: 32px;
}
.footer__widget {
  flex-wrap: wrap;
}
.single__footer.widget1 {
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #37393C;
  margin-bottom: 40px;
}
.footer__text p {
  padding-top: 0;
  font-size: 16px;
}
.widget3 {
  width: auto;
}
.widget2 {
  width: auto;
}
.single__footer.widget4 {
  width: 41%;
}
.footer__credit {
  padding-block: 30px;
}
.footer__credit p {
  font-size: 14px;
}
.footer__credit a {
  font-size: 14px;
}
.footer__link li a {
  font-size: 16px;
}
.footer__link {
  gap: 14px;
}
.footer__mail form input::placeholder {
  font-size: 16px;
}
.footer__hire {
  padding-top: 45px;
  padding-bottom: 45px;
}
.footer__main {
  padding-top: 40px;
}
    
    
    
    







.case__text {
  padding: 20px;
}
.case__text h4 a {
  font-size: 24px;
}
.case__text p {
  font-size: 16px;
  margin-block: 21px;
}
.case__text h4 a {
  margin-bottom: 20px;
}
.case__text a {
  font-size: 16px;
}

.hero__area.hero3 {
  height: auto;
}
.hero__image {
  max-width: 500px;
  margin: auto;
}
.hero3 .hero__text {
  width: 73%;
  margin-bottom: 30px;
}
.hero__btn {
  justify-content: center;
}
.single__case {
  width: 48%;
  margin-bottom: 30px;
}
.insights__flex .single__insights {
  width: 48%;
  margin-bottom: 30px;
}
.insights__flex {
  flex-wrap: wrap;
}
.banner__text h1 {
  font-size: 40px;
  margin-bottom: 20px;
}
.banner__text p {
  font-size: 20px;
}

    
    
    









.hero__abosolute {
  height: 44%;
  top: 78px;
  display: none;
}

.hero__content.extra__mt.pb-200.d-flex.justify-content-between {
  padding-bottom: 6px;
}






.blog__hero {
  min-height: 400px;
}
.contact__area {
  padding-top: 120px;
}
.contact__title h2 {
  font-size: 64px;
  text-align: center;
  line-height: 86px;
}
.contact__from textarea {
  padding-left: 0;
}
.contact__why {
  padding-top: 60px;
}
.contact__why-wraper {
  padding: 40px;
}
.contact__why-title h3 {
  font-size: 42px;
  margin-bottom: 20px;
}
.contact__why-title p {
  font-size: 16px;
}
.contact__why-title {
  margin-bottom: 30px;
}
.contact__why-btn a {
  font-size: 16px;
  padding: 20px 30px;
}


.contact__from .single__input {
  width: 100%;
}
.contact__why-img {
  width: 62%;
  margin: auto;
  margin-bottom: 40px;
}
.contact__why-content {
  width: 88%;
  text-align: center;
}

  
  
  
  
  
  
  
  
.hero2__text h1 {
  font-size: 46px;
}
.hero2__text p {
  font-size: 16px;
}
.hero2__text {
  width: 54%;
}
  
  
  
  













.blog__feature-tab ul {
  margin-bottom: 40px !important;
}
.blog__feature-content {
  width: 100%;
  order: 2;
  margin-top: 30px;
}
.single__blog-card {
  width: 48%;
  margin-bottom: 30px;
}
.blog__have--title h3 {
  font-size: 48px;
}


.blog__have {
	padding-top: 50px;
}
  

    
}


/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .header__menu ul li a {
        font-size: 16px;
    }

    .hero__side__menu {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 50px;
    }

    .hero__side__menu ul li a {
        writing-mode: unset;
        margin-bottom: 0;
        text-orientation: unset;
        transform: unset;
    }

    .hero__side__menu ul {
        flex-direction: row;
        justify-content: center;
        gap: 40px;
        flex-wrap: wrap;
    }

    .hero__area {
        padding-bottom: 50px;
    }

    .hero__agency__button a {
        font-size: 11px;
    }

    .hero__text h1 {
        font-size: 40.735px;
        margin-bottom: 20px;
        line-height: 50px;
    }

    .hero__agency__button a {
        padding: 10px 15px;
        gap: 5px;
    }

    .hero__agency__button {
        width: 100%;
        margin: 0 auto;
        justify-content: center;
        gap: 10px;
    }

    .hero__content {
        margin-top: 160px;
        flex-direction: column;
    }

    .hero__text p {
        margin-bottom: 35px;
        font-size: 18px;
        line-height: 30px;
    }

    .hero__wrapper__card .hero__card__single:nth-child(1) {
        width: unset;
        bottom: unset;
        position: relative;
        margin: 20px 0;
    }

    .single__hero__agency span {
        font-size: 30px;
        gap: 5px;
        margin-bottom: 10px;
    }

    .single__hero__agency h5 {
        font-size: 16px;
    }

    .hero__user__number span {
        font-size: 30.11px;
    }

    .hero__text {
        width: 99%;
        text-align: center;
        margin: 0 auto;
    }

    .hero__wrapper {
        width: 100%;
        margin: 0 auto;
    }

    .hero__agency__diagram {
        display: none !important;
    }

    .hero__wrapper__card .hero__card__single:nth-child(2) {
        width: unset;
        bottom: unset;
        position: relative;
        right: unset;
    }
    .hero__wrapper__item img {
        width: 100%;
        padding-inline: 0px;
    }
    .hero__user__status span {
        font-size: 18px;
    }
    .single__hero__agency {
        width: 100%;
        border: none;
        margin: 0 auto;
    }
    .hero__agency__flex {
        gap: 30px;
    }
    .hero__text__user {
        justify-content: center;
        margin-bottom: 40px;
    }
    .hero__user__status span {
        text-align: center;
        justify-content: center;
    }
    .brand__marquee__item span {
        font-size: 25px;

    }
    .brand__marquee {
        padding: 25px 0;
    }
    .brand__marquee__item img {
        width: 25px;
        height: 25px;
    }
    .brand__marquee__content {
        width: 105%;
    }
    .about__content{
        flex-direction: column;
    }
    .about__text {
        width: 100%;
        margin-bottom: 30px;
    }
    .about__flex {
        width: 100%;
    }
    .about__area {
        padding-block: 60px;
    }
    .single__counter {
        width: 100%;
        margin-top: 24px;
    }
    .single__about {
        width: 100%;
    }
    .service__area {
        padding-block: 70px;
    }
    .service__shape2 {
        width: 310px;
    }
    .service__shape1 {
        left: 0;
        width: 300px;
    }
    .service__title {
        margin-bottom: 50px;
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .single__service__text h4 {
        font-size: 25px;
        padding: 30px;
    }
    .service__title h1 {
        font-size: 50px;
        text-align: center;
        width: 100%;
    }
    .service__title p {
        font-size: 18px;
        width: 100%;
    }
    .service__active .single__service__image img {
        width: 100% !important;
    }
    .portfolio__area {
        padding-block: 50px;
    }

















    
    
    
    
.test__star2 {
  display: none;
}
.test__particle {
  display: none;
}
.portfolio__title h1 {
  font-size: 40px;
  margin-bottom: 20px;
}
.portfolio__text h1 {
  font-size: 30px;
}
.portfolio__text p {
  font-size: 14px;
  line-height: 16px;
}
.portfolio__tabs ul li button {
  font-size: 14px;
}
.portfolio__tabs ul {
  gap: 6px;
}
.single__blog__post {
  width: 100%;
  margin-bottom: 30px;
}
.single__blog__image .star__bottom {
  width: 94px;
  bottom: -10px;
}
.single__blog__caption a {
  font-size: 23px;
}
.single__blog__tags span {
  font-size: 18px;
  margin-bottom: 19px;
}
.blog__btn {
  font-size: 16px;
  margin: 15px 0;
}
.testimonial__title h1 {
  font-size: 45px;
}
.testimonial__title p {
  font-size: 20px;
}
.test__text p {
  font-size: 16px;
}
.form__title h1 {
  font-size: 40px;
}
.single__input label {
  width: 60px;
  height: 54px;
  left: 8px;
}
.single__input label svg {
  width: 34px;
}
.single__input input, .single__input textarea {
  height: 70px;
  font-size: 16px;
  padding-left: 80px;
}
.single__input textarea {
  padding-top: 24px;
  font-size: 16px;
}
.submit__form {
  height: 60px;
  right: 7px;
}
.single__achievement__text p {
  font-size: 16px;
}
.single__achievement__icon img {
  max-width: 27px;
}
.footer__hire h1 {
  font-size: 39px;
  margin-bottom: 20px;
}
.footer__hire a {
  font-size: 20px;
  height: 60px;
}
.footer__hire a svg {
  max-width: 32px;
}
.footer__widget {
  flex-wrap: wrap;
}
.single__footer.widget1 {
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #37393C;
  margin-bottom: 40px;
}
.footer__text p {
  padding-top: 0;
  font-size: 16px;
}
.widget3 {
  width: auto;
}
.widget2 {
  width: auto;
  margin-bottom: 30px;
}
.single__footer.widget4 {
  width: 100%;
}
.footer__credit {
  padding-block: 30px;
  flex-wrap: wrap;
}
.footer__credit p {
  font-size: 14px;
}
.footer__credit a {
  font-size: 14px;
}
.footer__link li a {
  font-size: 16px;
}
.banner__text a {
  margin-bottom: 20px;
}
.sub__input {
  flex-wrap: wrap;
}
.footer__link {
  gap: 14px;
}
.footer__mail form input::placeholder {
  font-size: 16px;
}
.footer__hire {
  padding-top: 45px;
  padding-bottom: 45px;
  flex-wrap: wrap;
}
.footer__main {
  padding-top: 40px;
}
    
    
    

.portfolio__title {
  flex-wrap: wrap;
}
.portfolio__title h1 br {
  display: none;
}
.portfolio__title h1 span {
  display: inline-block;
}
.port__tabs__content a {
  font-size: 40px;
  flex-wrap: wrap;
}
.port__tabs__content p {
  font-size: 16px;
}
.port__tabs__content a span {
  display: none;
}
.blog__post__title h1 {
  width: 100%;
  margin-bottom: 20px;
}
.blog__post__title {
  flex-wrap: wrap;
}
.blog__post {
  padding-block: 80px;
}
.single__achievement {
  width: 100%;
}
.form__achievement {
  flex-wrap: wrap;
}

.header__flex {
  padding: 10px 15px;
}










.case__text {
  padding: 20px;
}
.case__text h4 a {
  font-size: 24px;
}
.case__text p {
  font-size: 16px;
  margin-block: 21px;
}
.case__text h4 a {
  margin-bottom: 20px;
}
.case__text a {
  font-size: 16px;
}

.hero__area.hero3 {
  height: auto;
}
.hero__image {
  max-width: 500px;
  margin: auto;
}
.hero3 .hero__text {
  width: 100%;
  margin-bottom: 30px;
}
.hero__btn {
  justify-content: center;
  flex-wrap: wrap;
}
.single__case {
  width: 100%;
  margin-bottom: 30px;
}
.insights__flex .single__insights {
  width: 100%;
  margin-bottom: 30px;
}
.insights__flex {
  flex-wrap: wrap;
}
.banner__text h1 {
  font-size: 40px;
  margin-bottom: 20px;
}
.banner__text p {
  font-size: 20px;
}











.hero__abosolute {
  height: 44%;
  top: 78px;
  display: none;
}

.hero__content.extra__mt.pb-200.d-flex.justify-content-between {
  padding-bottom: 6px;
}













.blog__hero {
  min-height: 400px;
}
.contact__area {
  padding-top: 120px;
}
.contact__title h2 {
  font-size: 40px;
  text-align: center;
  line-height: 50px;
}
.contact__from textarea {
  padding-left: 0;
}
.contact__why {
  padding-top: 60px;
}
.contact__why-wraper {
  padding: 30px;
}
.contact__why-title h3 {
  font-size: 42px;
  margin-bottom: 20px;
}
.contact__why-title p {
  font-size: 16px;
}
.contact__why-title {
  margin-bottom: 30px;
}
.contact__why-btn a {
  font-size: 16px;
  padding: 20px 30px;
}


.contact__from .single__input {
  width: 100%;
}
.contact__why-img {
  width: 62%;
  margin: auto;
  margin-bottom: 40px;
}
.contact__why-content {
  width: 100%;
  text-align: center;
  margin: auto;
}
.contact__why-count p {
  font-size: 14px;
}






.hero2__text h1 {
  font-size: 46px;
}
.hero2__text p {
  font-size: 16px;
}
.hero2__text {
  width: 100%;
  order: 2;
}

.hero2__image {
  width: 100%;
}
.hero2__content {
  flex-wrap: wrap;
  padding-top: 142px;
}
.hero2__area {
  height: auto;
  /*! padding-top: 161px; */
  padding-bottom: 100px;
}

















.blog__feature-tab ul {
  margin-bottom: 40px !important;
}
.blog__feature-content {
  width: 100%;
  order: 2;
  margin-top: 30px;
}
.single__blog-card {
  width: 100%;
  margin-bottom: 30px;
}
.blog__have--title h3 {
  font-size: 30px;
}



.blog__feature-img {
  width: 100%;
}
.blog__have--input input {
  font-size: 18px;
}
.blog__have--rev a {
  width: 100%;
}
.blog__have--rev {
  flex-wrap: wrap;
}
.blog__have {
	padding-top: 50px;
}
  .blog__card-img img {
	width: 100%;
}
  

}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {}