/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{

}

/* Laptop */
@media (max-width: 1440px)
{


}
@media (max-width: 1400px)
{


}
@media (max-width: 1366px)
{


}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px){
  /* legal pages */
  .legal-blog{padding: 36px 0;}
  .legal-area{padding: 20px;}
  .legal-heading, .legal-txt-area ol li{font-size: 18px;}
  .legal-txt-area ul li, .legal-txt-area p, .legal-txt-area ol li p{font-size: 15px; margin-bottom: 6px;}
  .legal-txt-area ol li ol li{font-size: 16px;}
  .legal-txt-area ol li p:first-child{margin-top: 0;}
  /* Keep Holding */
  .progress-wrapper{width: 220px; height: 220px;}
  .progress-wrapper .percent{font-size: 48px; margin-bottom: 0;}
  .progress-wrapper .label{font-size: 20px;}
  .check-in-time{padding: 0 30px;}
  .check-in-time span, .check-in-time p strong{font-size: 16px;}
  /* checked in */
  .checked-in-status{width: 260px; height: 260px;}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
	main{padding: 66px 0 0;}
  br{display: none;}
  .comn-btn-effect{font-size: 16px; padding: 10px 30px;}
  .title-blog{padding: 48px 0;}
  .title-blog h1{font-size: 40px;}
  /* legal pages */
  .legal-area{padding: 20px 15px;}
  /* Keep Holding */
  .check-in-blog{padding: 50px 0;}
  .progress-wrapper{width: 170px; height: 170px;}
  .check-in-time{padding: 0 15px;}
  .progress-wrapper .percent{font-size: 40px;}
  .progress-wrapper .label{font-size: 18px;}
  .r1{inset: -7px;}
  .r2{inset: -16px;}
  .check-in-time span{margin-bottom: 2px;}
  /* home */
  .check-in-icon{width: 230px; height: 230px; min-width: 230px; border: 8px solid #FFF;}
  .check-in-icon p, .no-history-data h2{font-size: 24px;}
   /* checked in */
  .checked-in-status{width: 220px; height: 220px;}
  .checked-in-status span{font-size: 24px; width: 150px;}
  /* subscription plan */
  .subscription-blog{padding: 36px 0;}
  .plan-card{height: auto; margin-bottom: 15px;}
  .plan-header{min-height: auto;}
  .plan-desc, .no-history-data p, .history-desc p{font-size: 16px;}
  .plan-header, .plan-body{padding: 15px;}
  .plan-body ul li{margin-bottom: 7px;}
  .plan-price{font-size: 26px;}
  .plan-price span{font-size: 20px;}
  .plan-body ul li, .trial-plan-txt p{font-size: 15px;}
  .trial-box{padding: 15px; margin-bottom: 20px;}
  .trial-plan-txt h2{font-family: 18px;}
  /* check in history */
  /* ------------- no data ---------- */
  .no-history-data{padding: 36px 0;}
  .no-history-data span{width: 80px; min-width: 80px; height: 80px;}
  .no-history-data span svg{width: 45px; height: 45px;}
  /* --------------- with data ----------- */
  .history-blog, .profile-blog{padding: 36px 0;}
  .history-bx{padding: 12px;}
  .history-desc h3{font-size: 18px;}
  .history-bx{margin-bottom: 15px;}
  .history-icon{width: 45px; height: 45px; min-width: 45px;}
  .history-icon svg{width: 25px; height: 25px;}
  .history-status, .plan-active-lft small, .plan-active-botm ul li span{font-size: 14px;}
  /* logout delete Account modal */
  .confirm-auth-area h4{font-size: 26px; margin-bottom: 20px;}
  .buddy-modal .modal-body{padding: 20px;}
  /* Edit profile */
  .interval-form, .profile-body, .profile-plan-area{padding: 0 15px 15px;}
  .profile-header{padding: 15px;}
  .plan-active-lft{gap: 10px;}
  .plan-active-lft h6{margin-bottom: 0; font-size: 16px;}
  .plan-active-bx{padding: 15px 12px;}
  .plan-active-botm{margin-top: 12px; padding-top: 12px;}
  .plan-active-botm ul li{margin-bottom: 6px;}
  .profile-header h2{font-size: 24px;}
  .profile-photo{width: 100px;height: 100px;}
  .profile-body .profile-form{margin: -50px auto 0;}
  .remove-btn{font-size: 15px; margin-top: 10px;}
  .profile-header .form-btn{min-width: 155px;}
  .plan-img img{width: 71px; min-width: 71px; height: 70px;}


  .icon-circle span {width: 70px;height: 70px;}
  .icon-circle span svg {width: 40px;height: auto;}
  .modal-text-contant .popup-title {font-size: 24px;}
  .qr-inner .g-play img, .qr-inner .app-store img {max-width: 120px;}
  .iti__selected-country {max-height: 47px;}





}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{
	.title-blog h1{font-size: 32px;}
  .progress-wrapper .percent{font-size: 34px;}
  .progress-wrapper .label{font-size: 15px;}
  .check-in-card{padding: 10px;}
  /* checked in */
  .checked-in-status{width: 190px; height: 190px;}
  .checked-in-status span{font-size: 18px; width: 100px;}
  .history-desc h3{font-size: 16px;}
  /* logout delete Account modal */
  .confirm-auth-area h4{font-size: 22px; margin-bottom: 20px;}
  .buddy-modal .modal-body{padding: 20px 15px;}
  /* Premium plan */
  .profile-header h2{font-size: 22px;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
	/* keep holding */
  .check-in-blog{padding: 36px 0;}
  .check-in-time{min-width: 130px;}
  /*---------  Profile -------- */
  .profile-header span{display: none;}
  .profile-header .form-btn span{display: block;}
  .profile-header{justify-content: space-between; flex-wrap: wrap;}
}


@media (max-width: 375px){


}