@media (min-width:320px) and (max-width:768px) {
     
  @font-family:'Montserrat', sans-serif;
  @font-family1: Calibri;
  @main-color: #ed3237;
  @font-color: #777;
  @basic-color:#fff;
  @font-size: 20px;
  @font-size1: 18px;
  @font-size2: 16px;
  @font-size3: 14px;
  @font-size4: 12px;
  @font-size5: 10px;
  @padding: 20px 50px;
 
.mpl0{
    padding-left:0px !important;
} 
.mpr0{
    padding-right:0px !important;
}  
 html {
  scroll-behavior: smooth;
    scroll-padding-top:10px;

}
h1 {
   
    font-size: @font-size2;
}
h2 {
  
    font-size: @font-size3;
}
h3
{
     font-size: @font-size4
}
h4
{
    font-size: @font-size5;
}
h5
{
    font-size: @font-size5;
}
   .p11 {
    padding-top: 15px;
}
 
.panel-body {
    padding: 0px;
    text-align: justify;
} 
.membership-box {
    width: 100%;
    margin: auto;
}
.service-box {
   
    padding: 0px;
       border-right: unset;
}

.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 10px;
    right: 10px;
    background-color: #ed3237;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    padding: 7px;
    z-index: 9999;
}

.label-container{
	position:fixed;
	    bottom: 65px;
	right:105px;
	display:table;
	visibility: hidden;
	  z-index: 99999;
}
.my-float{
	font-size:24px;
	margin-top:18px;
}

a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s ease;
   z-index: 9999;
}

a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}
.covid-close
{
    text-align: right;
    display: block;
}
.m12 {
    margin-top: 10px;
}
.service-section3{
 
  padding: 5px;
 
}
.w4 {
    width: 10px;
}
.panel-title {
    font-size: 12px;
}

#app-prev
{
    position: absolute;
    left: -283px;
}


#myForm {
  
    width: 300px;
    top: 100px;
}

#doc-uploaded_image
{
    
    display: inline-flex;
    float: left;
    width: 260px;
    overflow: auto;

}

.modalf
{
    border-radius: 0px; 
}
.empty-cart
{
    width: 50%;
    margin: auto;
    text-align: center;
}
.modal121
{
    width: 300px;
    margin:0 auto;
    margin-top: 30px;
}
.drug-con4 {
    padding: 10px 10px;
    
}

.lab-details-img {
    width: 100px;
   
}

.service-section p
{
    font-size:10px;
}

.height
{
    height:250px;
}




.certi-img {
    width: 40px;
    margin: auto;
}
.lab-description > li.active > a, .lab-description > li.active > a:focus, .lab-description > li.active > a:hover {
    padding: 10px 10px;
    font-size: 12px;
    
}
.lab-description > li > a, .lab-description > li > a:focus, .lab-description > li > a:hover {
    padding: 10px 10px;
    font-size: 12px;
   
}

.doc-panel {
    padding: 10px 10px;
}

.card-text small {
   
    padding: 0px;
    }

.pagination button, .pagination span {
   
    height: 30px;
    line-height: 30px;
    min-width: 30px;
   
}

.package-description > li > a {
    padding: 10px 7px !important;
}

.reg-tab li {
    
    font-size: 10px;
    
}
.w5 {
    width: 100px;
    margin: auto;
}
.lab-reviews
{
    border-bottom: 1px solid #eee;
    padding:10px 0px;
}
.revfrm121 {

    width: 100%;
    margin: auto;
}
.w3
{
    width:300px;
    margin:auto;
    margin-top: 30px;
}
.drug-con1 {
    padding: 10px 0px;
    background-color: white;
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.06);
}
.color5
{
    color:green;
}
.digit-group1 input {
   
    
    
    margin-right: 20px;
}
.text-align1
{
    text-align:right;
}
.b-select {
  
    float: unset;
    margin-top: 5px;
}
.text-align2
{
    text-align:left;
}
.float-right
{
    float:right;
}
.pre
{
    float: right;
    padding: 4px;
    border-radius: 5px;
    outline: none;
    background-color: #eee;
}
.res-cat
{
        background-color: #fbf8f8;
    max-width: fit-content;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    margin-bottom: 5px;
}
.pre1
{
   
    padding: 4px 5px;
    
}

.medicine-rx
{
    width: 20px;
    margin-right: 10px;
}

.cart-section
{
    padding:0px;
}
.float-left
{
    float:left;
}
.res-social
{
    max-width: fit-content;
    margin:auto;
}
.padding22
{
    padding-left:0px;
}
.res-social ul li
{
    float: left;
    padding: 0px 10px;
}
.cart-productpr {
    width:40px;
    margin: auto;
}
.can-area {
    width: 300px;
    margin: auto;
    margin-top: 20px;
}
.pro-wrapper
{
    display:none;
}
.respro-wrapper
{
    display:block;
}
#filter a
{
    color: #999;
}
.car1l {
    padding: 70px 20px;
    display: none;
}
.midabout
{
    margin-bottom: 15px;
} 

.queryf textarea {
    
    width: 270px;
}

.paddingcar {
    padding: 0px 0px;
}

.newh1 h1 {
    font-size: 18px;
}

.car2l h1 {
    font-size: 18px;
}

.joinbox {
    width: 85%;
    margin: auto;
    overflow: auto;
    padding: 15px 0px;
}

#filter{
  
   position: fixed;
    bottom: 0px;
    width: 100%;
    display: block;
    transition: top 0.3s;
    background-color: white;
    color: white;
    z-index: 999;
    padding: 10px;
    left: 0px;
  
}
.filter-modal {
    width: 100%;
    height: 100%;
}

.filter-content
{
    position: absolute;
    top: 60px;
    margin: 0px !important;
    width: 100%;
    padding: 20px;
   
}
.filter-heading
{
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.right-border
{
        border-right: 1px solid #eee;
}
.filter-list
{
    border-right: 1px solid #eee;
}
.filter-list>li.active>a
{
    border: none;
    border-bottom: 1px solid #eee;
    padding: 15px 10px;
    background-color: #eee;
        margin: 0px;
}
.filter-list>li>a
{
    border: none;
    border-bottom: 1px solid #eee;
    padding: 15px 10px;
        margin: 0px;
    border-radius: 0px;
}
.filter-list>li.active>a:hover
{
    border: none;
    border-radius: 0px;
    background-color: #eee;
}
.filter-list>li
{
    width: 100%;
}
.filter-list>li>a:hover
{
    border: none;
   border-radius: 0px;
   
}
.modalfilter1
{
    margin: -1px !important;
    border: none;
}

.new-boxarea1{
  
    width: 90px;
    margin: auto;
    overflow: auto;
}

.res-img
{
    display:none;
}
.box1
{
    height: 40px;
    width: 40px;
    margin: auto;   
}
.carousel-inner {
    
    box-shadow: unset;
}
.res-member
{
    width: 200px;
    height: 200px;
    margin: auto;
}
.upload-padding
{
  
    padding: 8px 0px;
}
.grad
{
   background-image: linear-gradient(-90deg, #F03A1A, #F58E6D);
   color:white;
}
 .m2 {
    margin-top: 0px;
}
.download1 {
    padding-top: 0%;
}


.main-facilites {
    padding: 20px 0px;
}
.down-head
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #777777;
    font-size: 12px;
}


.app-left {
    width: auto;
    margin: auto;
}

.icon1
{
    height: 20px !important;
    width: 17px !important;
    margin-right: 10px;
}
.res-member
{
    display:none;
}
.member-head {
    padding: 10px 10px;
    
    font-size: 14px;
}
.member-li {
   
    font-size: 14px;
}
.member-ul {
   
    padding-bottom: 5px;
}
.blog-name
{
    position: absolute;
    top: 10px;
    left: 15px;
    max-width: fit-content;
}
.bolg-box {
    padding: 0px;
    height: 130px;
    width: 150px !important;
 
}
.bolg-box img {
    display: block;
    width: 150px !important;
    margin: auto;
    height: 130px;
}
.blog {
  
    width: 100%;
  
}
.doct-consult
{
    display:block; 
}
.doctorconsult-box
{
    display:block;
}
.member-padding {
    padding: 10px 15px;
    background-color:white;
    border-radius: 10px;
    margin-top: 0px;
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.1);
}
.doct-img
{
    padding-top: 30px;
}
.icon2
{
    height: 25px !important;
    width: 25px !important;
}
.cart-portion
{
    padding-top: 3px;
}

.img4 {
    width: 25px;
    height: 25px;
}
.app-download2
{
    display:none;
}
.footer
{
    display:none;  
}
.mobile-footer
{
   display: block;
    padding: 10px 10px;
}
.multi_step_form {
 
    margin-top: 10px;
}

.multi_step_form #msform {
   min-height: 650px;
    padding-top: 0px;
   
}
.multi_step_form #msform #progressbar {
    margin-bottom: 10px;
   
}
.multi_step_form #msform #progressbar li {
   
    font-size: 12px;
}
.multi_step_form #msform fieldset {
 
    padding: 0px;
   
   
}
.image-uploadpres span {
    padding-left: 5px;
}

.main-facilites
{
   display:none; 
}
.mobile-footer
{
   display:block; 
}
.wish-align1
{
    max-width: fit-content;
    margin: auto;
    padding-top: 5px;  
}

.p4 {
    padding-bottom:5px;
}
    .call-desk
    {
        display:none;
    }
    .down-head
    {
        text-align:center;
    }
    .nopadding1
    {
        padding:0px;
    }
     .drug-con3 {
    padding-top: 10px;
    background-color: white;
}
.head-size {
    font-size: 12px;
}
.off {
    
    width: 52%;
   
}

.model-view, .model1-view {
    clear: both;
    cursor: pointer;
    padding-top: 0px;
    text-align: center;
}
     .heading {
    
    font-size: 12px;
}
.app-box {
    width: 80px;
    height: 25px;
}
.down-align
{
    max-width: fit-content;
    margin: auto;
}
  .btn1 {
   
    padding: 6px 6px;
   
} 
    #owl-client-reviews {
      
  }  
      .desktop
      {
          display:none;
      }
  .mobile-header
    {
        display:block;
        padding:0px;
       
    }
    .number {
    line-height: 15px;
    padding-left: 15px;
}
   
   .call-to-order {
    width: 100%;
   
}
   
    
    .mobile-section
{
     display:block;
      padding:0px;
}
    .res-padding
    {
            padding: 7px 10px;
    }
    .banner-section {
    padding: 10px 10px;
}
.successorderimg {
    width: 60px;
    margin: auto;
}
.mobile-main
{
    display:block;
}
    .owl-nav
    {
        display: none;
    }
    .res-padding4
    {
        padding-bottom:10px;
    }
    
    .res-shadow
    {
       
        box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.1);
    background: white;
    }
    .res-padding2
    {
        padding: 0px 10px;
    }
    .wrapper
    {
        padding:0px;
    }
    .logo 
    {
        width: 120px;
        margin: auto;
    }
.cart-portion ul li {
    float: right;
    text-align: center;
    cursor: pointer;
}
 
.example {
    width: 100%;
    margin: auto;
   
}
form.example button {
        padding: 0px;
    background-color: transparent;
    color: #999;
    font-size: 20px;
    border-left: none;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 15px;
    border-radius: 50%;
}
.carousel-inner {
    
    border-radius: 0px;
   
}

#cardcenter {
    text-align: center !important;
    padding-bottom: 10px;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 5px;
}

.w5 {
    width: 90px;
    margin: auto;
}

.carousel-indicators {
    bottom: -20px;
        z-index: unset;
}
.res-m1
{
    margin-top: 15px;
}
.high-img {
    padding: 5px;
}
.high-img p {
    font-size: 12px;
    padding-top: 5px;
}
.res-m2
{
    margin-top: 25px;
}
.cart-product {
      width: 60px;
    height: 60px;
}


.pricedetail-align {
    padding-right: 15px;
    padding-left: 15px;
}

.drug-con {
    padding: 20px 20px;
    background-color: white;
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.06);
    border-radius: 10px;
}
.cart-item1 {
   
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px;
}

.product-catarea {
    padding-left: 0px;
    padding-right: 0px;
}
.res-m3
{
    margin-bottom: 25px;
}
.res-m4
{
    margin-bottom:15px;
}
.res-m5
{
    margin-top:5px;
}
.res-m6
{
    margin-bottom:10px;
}
.res-p3
{
    padding-left: 10px;
}
.res-line
{
       line-height: 20px;
}
.view-more
{
    color: @main-color;
}

.text-center {
    text-align: -webkit-center;
}

.b_name {
   
    width: 120px;
  
    font-size: 12px;
}

.image-uploadpres {
   
   margin: 0px;
    padding: 5px;
    border-radius: 5px;
    font-size: 10px;
  
}
#uploaded_image {
 
    width: 350px;
    overflow: scroll;
    margin-top: 0px;
}
.upload-height
{
    height:auto;
}
.upnone
{
    box-shadow: none;
    border: none;
}

.mrp-right {
    width: 50%;
    text-align: right;
  
    font-weight: bold;
}
.order-now
{
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 10px;
    border-radius: 5px;
}
.order-img
{
    height: 30px;
    width: 30px;
}
.order-img1
{
    height: 40px;
    width: 40px;
}
form.example input[type=text] {
    padding: 10px 10px;
    // box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    background: white;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}
.service-section {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
    background-color: white;
   
}

#menuToggle
{
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  
  z-index: 99;
  
  -webkit-user-select: none;
  user-select: none;
}
.rating1 {
    background-color: green;
    padding: 4px 10px;
    line-height: 20px;
    color: white;
    border-radius: 2px;
    
   
    
}
.menu1 {
    background: white;
    margin-top: 10px;
}
.menu1 .navbar-inverse {
    background-color: #cccccc6b;
    border-bottom: 1px solid #eeeeee7a;
}
.pro-details-box1
{
    width: 100px;
    height: 100px;
    margin: auto;
    background-size: cover;
}
.pro-details-box1 img
{
    width: 100px;
    height: 100px;
    margin: auto;
    background-size: cover;
}
#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
    display: block;
       width: 20px;
    height: 2px;
    margin-bottom: 3px;
    position: relative;
    background: black;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 18% 0%;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.navigation
{
        padding-top: 6px;
}
#menuToggle span:nth-last-child(2)
{
  transform-origin: 18% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(1px, 1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 350px;
  margin: -100px 0 0 -50px;
  padding: 70px 0px 0px 40px;
    background: #ffffff;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
      height: 650px;
    overflow: scroll;
    
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.guest
{
       background-color: #ed3237; 
       color:white;
      
}
.top-menu
{
  padding: 10px 0px;
}

.top-menu ul li
{
    float: left !important;
    padding: 0px 11px !important;
    
}
.guest
{
    padding: 30px 25px;
}
.top-menu h3
{
 padding-top:5px;   
}

.border-right
{
    border-right: 1px solid #ccc;
}
.topimg-area
{
    width: 30px;
    margin: auto;
       
}


.list-group-item:first-child {
    border-radius: 0px;
    overflow: scroll;
    padding: 20px 0px;
}
.menu-item1
{
    width: 20px;
    height: auto;
    margin-right: 10px;
}

.product_price1
{
    display:flex;
}

.img-align
{
        font-size: 12px;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.menu-head
{
        background-color: #e4e4e4;
    padding: 10px 10px 10px 15px;
}

.top-msection
{
    padding:0px 5px;
}
.top-msection h3
{
        font-size: 10px;
    text-align: center;
}

#menu li
{
      padding: 10px 15px;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{

  transform: none;
    border: 2px solid #eee;
}
.resdoctor-list
{
    display:none;
}
.d-cat {
   
    padding: 0px;
    height: 120px;
    
}
.d-cat img {
    width: 60px;
    margin: auto;
}

.cart-product img {
   width: 55px;
    height: 55px;
  
}
.feature-brand {

    height: 90px;
    width: 90px;
   
}

.feature-brand img {
    width: 100%;
    height: 100%;
    padding: 25px;
}
.category-sec {
    padding: 30px 0px 0px 0px;
}
.lab-cat
{
    width: 20%;
    float: right;
}
.lab-cat1 {
    width: 25%;
    float: right;
}
.lab-cat2 {
    width: 20%;
    float: right;
}
.page-header {
    padding-bottom: 9px;
    margin: 10px 0 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.doclis
{
    display:none;
}
#more1{
    display: none;
}
.location
{
    display:none;
}
.doctlistpro {
    max-width: 90px;
    margin: auto;
}
.res-doctlist
{
    display:block;
    border-top: 1px solid #eee;
    margin-top: 10px;
}
.res-doctlist span
{
    font-size:14px;
}
.cart_price
{
    width: 12px;
    height: 12px;
}
.cart-item {
  
  
    margin-bottom: 10px;
    padding: 7px 7px;
    border-radius: 4px;
}
.cart-item-right {
   
    margin-top: 0px;
    margin-bottom: 10px;
}
.total-amount {
    padding: 15px;
   
}
.apply {
    padding: 15px;
   
}
.apply input {
    margin-top: 0px;
    width: 90%;
    margin-left: 20px;
}
.apply-btn {
   
    right: 30px;
    top: 38px;
    
}

.media-object p{
margin: 0px;
    line-height: 15px;
}

.res-padding1
{
    padding:0px;
}
.p10 {
    padding: 10px 10px;
}
.res-lab
{
    display:none;
}
.card-img-top 
{
    width:100%;
}
.card-text small {
    border: none;
    
}
.product-image {
    
    height: 100px;
    width: 100px;
    margin: auto;
}
.p-padding
{
        padding: 10px 3px !important;
        text-align:center;
}
.panel{
    margin-top: 10px;
    margin-bottom: 0px;
}
.testimage 
{
    width: 30px;
    height: 30px; 
  
}
#profilebut {
   
    margin-top: 5px;
}
.reg-container {
    width: unset;
   
}
.reg-right {
    width: unset;
   }
   
  .reg-section {
    background-image: unset;
    padding: 20px 20px;
}

.group input 				{
  font-size: @font-size4;
 
}


/* LABEL ======================================= */
.group label 				 {
 
   font-size: @font-size4;
}

.panhead input:focus ~ label, input[required]:valid ~ label{

    font-size: @font-size4;
  
}

/* active state */
.panhead input:focus ~ label, input[required]:valid ~ label{
 
    font-size: @font-size4;
}
.ppolicynav
{
    padding: 0px 10px;
}
.ppolicynav > li > a {
    padding: 0px;
    font-size: 14px;
    color:#ed3237;
}
.ppolicynav > li {
        text-decoration: underline;
}
.otSc {
   font-size: 18px;
    margin-right: 10px;
}
.blog-left {
   
    padding: 10px;
   
}
.heading1 {
    font-family: Calibri;
    font-size: 18px;
}

.blog-right {
  
    display: none;
}
.res-article{
       width: 100% !important;
    float: left;
}
.res-article{
    line-height:18px;
}
.post h2 {
    font-size: 14px;
    line-height: 1em;
}
.post article header.bloglistheader p.author-cred {
    background:unset;
    padding:0px;
    font-size: 12px !important;
}
.post .feat-img {
    width: 24%;
    float: left;
    margin-right: 2%;
}
p {
    font-family: Calibri;
    font-size: 14px;
}
li {
    font-family: Calibri;
    font-size: 14px;
}
.m1 {
    margin-top: 10px;
}
.mem-con {
    padding: 0px 0px 10px;
   
}
.mem-left {
    padding: 5px 5% 0px;
}
.offer-box1
{
    padding: 0px;
    
    box-shadow: unset;
}
.mem-img {
    height: 50px;
    width: 50px;
    margin: auto;
}
.myaccount-content {
border: 1px solid #eee;
    padding: 10px 10px;
    margin-bottom: 10px;
}

.about1text {
    width: 85%;
    top: 50%;
   
}
.about1text h1 {
    font-size: 16px;
    padding-bottom: 5px;
}
.about1text p {
    margin-top: 0px;
    font-size: 12px;
}

.quotetext h1 {
    font-size: 16px;
    font-family: 'Josefin Sans', sans-serif !important;
    font-style: italic;
    font-weight: 400;
}

.quotetext {
    width: 100%;
  
}
.about-height
{
    height: 250px;
}
.mobpcontent
h2{
    font-size: 14px;
    font-weight:600;
   font-family: Calibri;
   color:black;
}

.new-boxarea {
    height: 90px;
    width: 90px;
    margin: auto;
}
.new-boxarea img {
    height: 70px !important;
    width: 60px !important;
    margin: auto !important;
}
.p20 {
    padding: 10px 10px;
}

.p-area {
    height: 155px;
    width: 155px;
    border: 1px solid #eee;
    padding: 5px;
    margin: auto;
    margin-bottom: 10px;
}
.p-area img 
{
   
    height: 140px;
    width: 140px;
    margin: auto;
}
.update-email {
    width: 90%;
  
}

.badge {
   
    right: -5px;
}
.rating-area {
    padding: 0px 10px;
}
.review-block-name {
   
    width: 30px;
    height: 30px;
    border-radius: 50%;
   
    
    font-size: 12px;
  
}


.contact-page-section .form-column .inner-column {
    padding: 20px 20px 10px;
    
}

.sec-title {
    position: relative;
    padding-bottom: 10px;
}

.sec-title h2 {

    font-size: 14px;

}

.contact-form input[type=text], .contact-form input[type=email] {
   
    height: 40px;
    font-size: 12px;
    padding: 10px;
   
}

.contact-form textarea {
   
    height: 100px;
    font-size: 12px;
    padding: 10px;
   
}

.contact-page-section .info-column .inner-column {

    padding: 20px 20px;
}

.contact-page-section .info-column h2 {
    
    font-size: 16px;
   
    margin-bottom: 5px;
}
.info-column p {
   
    margin-bottom: 10px;
}
.contact-page-section .info-column .list-info {
    margin-bottom: 20px;
}

.contact-page-section .info-column .list-info li {
    
    margin-bottom: 10px;
    font-size: 14px;
    padding-left: 25px;
}
.contact-page-section .info-column .list-info li i {
  
    font-size: 18px;
}
.social-icon-four li.follow {

    font-size: 16px;
    margin-bottom: 20px;
}

.social-icon-four li {
    position: relative;
    margin-right: 10px;
    display: inline-block;
}

.social-icon-four li a {
    font-size: 16px;
    
}

.msg-popup {
   transform: translate(10%, 50%);
    color: green;
    font-size: 16px;
    width: 80%;
    margin: auto;
    height: auto;
   
}
.msg-popup img{

    width: 20%;
}

#alertBox {
    position: relative !important;
    width: 300px;
    margin: auto;
    margin-top: 10%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10px 20px;
    border-radius: 5px;
    padding: 10px;
    left: 0px !important;
}

}


@media (min-width:769px) and (max-width:1024px) {
    
    
  
    
    
    .landscape
    {
            display: none;
    }
    
    .land-text
    {
        display: block;
    font-size: 50px;
    text-align: center;
    padding: 50px;
    }
    

    
}