@font-face{font-family:"HM Ampersand";src:url("fonts/hmampersand_light.ttf"); format("truetype");}

@font-face{font-family:"HM Amperserif Reg";src:url("fonts/hmampersand_regular.ttf"); format("truetype");}


@font-face{font-family:"HM Amperserif Disp Reg";src:url("fonts/hmamperserif_disp_regular.ttf"); format("truetype");}

@font-face{font-family:"HM Amperserif Disp It";src:url("fonts/hmamperserif_disp_italic.ttf"); format("truetype");}

@font-face{font-family:"HM Amperserif Text";src:url("fonts/hmamperserif_text_regular.ttf"); format("truetype");}

@font-face{font-family:"HM Ampersand Bold";src:url("fonts/hmampersand_bold.ttf"); format("truetype");}

@font-face{font-family:"HM Ampersand SemiBold";src:url("fonts/hmampersand_demibold.ttf"); format("truetype");}
@font-face {
  font-family: 'Swiss721BT-Roman';
  src: url('fonts/Swiss721BT-Roman.woff') format('woff'),
       url('fonts/Swiss721BT-Roman.ttf') format('truetype'),
       url('fonts/Swiss721BT-Roman.svg#Swiss721BT-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PlayfairDisplay-Regular';
  src: url('fonts/PlayfairDisplay-Regular.eot');
  src: url('fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
       url('fonts/PlayfairDisplay-Regular.woff') format('woff'),
       url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
       url('fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg'),
       url('fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'JustSignatureRegular';
  src: url('fonts/JustSignatureRegular.woff') format('woff'),
       url('fonts/JustSignatureRegular.ttf') format('truetype'),
       url('fonts/JustSignatureRegular.svg#JustSignatureRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MADECannes';
  src: url('fonts/MADECannes.eot');
  src: url('fonts/MADECannes.woff2') format('woff2'),
       url('fonts/MADECannes.woff') format('woff'),
       url('fonts/MADECannes.ttf') format('truetype'),
       url('fonts/MADECannes.svg#MADECannes') format('svg'),
       url('fonts/MADECannes.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DubielItalic';
  src: url('fonts/DubielItalic.eot');
  src: url('fonts/DubielItalic.woff2') format('woff2'),
       url('fonts/DubielItalic.woff') format('woff'),
       url('fonts/DubielItalic.ttf') format('truetype'),
       url('fonts/DubielItalic.svg#DubielItalic') format('svg'),
       url('fonts/DubielItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Light';
  src: url('fonts/Lato-Light.eot');
  src: url('fonts/Lato-Light.woff2') format('woff2'),
       url('fonts/Lato-Light.woff') format('woff'),
       url('fonts/Lato-Light.ttf') format('truetype'),
       url('fonts/Lato-Light.svg#Lato-Light') format('svg'),
       url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RedVelvet-Regular';
  src: url('fonts/RedVelvet-Regular.eot');
  src: url('fonts/RedVelvet-Regular.woff2') format('woff2'),
       url('fonts/RedVelvet-Regular.woff') format('woff'),
       url('fonts/RedVelvet-Regular.ttf') format('truetype'),
       url('fonts/RedVelvet-Regular.svg#RedVelvet-Regular') format('svg'),
       url('fonts/RedVelvet-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
body{
    color: #222;
    margin: 0;
    padding: 0;
    font-family: 'HM Ampersand', sans-serif; 
    font-size: 15px;
    line-height: 1.33333;
}
*{
    box-sizing: border-box;
}
*:focus{
    outline: none;
}

.back-to-magazine,.next-to-article{
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    position: fixed;
    bottom: 30px;
    left: 3%;
    width: 140px;
    padding: 40px 0 0;
    font-weight: 700;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    opacity: .6;
    text-decoration: none;
        z-index: 99;
    color: #000;
    font-family: MontserratLight;
}
.next-to-article{
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    position: fixed;
    bottom: 30px;
    left: 87%;
    width: 140px;
    padding: 40px 0 0;
    font-weight: 700;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    opacity: .6;
    text-decoration: none;
        z-index: 99;
    color: #000;
    font-family: MontserratLight;
}
.back-to-magazine:hover,.next-to-article:hover{
    opacity: 1;
}
.back-to-magazine:before {
    background-image: url(https://blog.azafashions.com/wp-content/uploads/2018/07/grey-arr.png);
    top: 1px;
    width: 32px;
    height: 23px;
    margin-left: -13px;
    transform: rotate(270deg);
}
.next-to-article:before {
    background-image: url(https://blog.azafashions.com/wp-content/uploads/2018/07/grey-arr.png);
    top: 1px;
    width: 32px;
    height: 23px;
    margin-left: -13px;
    transform: rotate(90deg);
}
.back-to-magazine:before {
    content: "";
    position: absolute;
    left: 42%;
}
.next-to-article:before {
    content: "";
    position: absolute;
    right: 38%;
}
.wrapper {
    width: 960px;
    padding: 0 20px;
    margin: 0 auto;
    overflow-x: hidden;
}
.banner{
    margin: 0 0 32px;
}
.bannerSlide{
     margin: 30px 0;
}
.pre-headline{
    margin: 0 0 5px;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #222;
}
.pre-headline a{
    color: inherit;
    text-decoration: none;
}
.headline{
    margin: 0 0 10px;
    font-size: 50px;
    line-height: 1;
    font-family: "HM Amperserif Disp Reg",Times,serif;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    color: #222;
}
.tagLine{
    max-width: 632px;
    margin: 0 auto 15px;
    font-family: MontserratLight,Times,serif;
    font-style: normal;
    font-size: 14px;
    color: #222;
    text-align: justify;
    line-height: 20px;
}
.date-separator{
    display: block;
    margin: 0 0 34px;
    border-bottom: 1px solid #dadada;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #555;
}
.date-separator span{
    display: inline-block;
    background: #fff;
    position: relative;
    top: 7px;
    padding: 0 10px;
}
.article-wrap{
    width: 632px;
    margin: 0 auto;
font-family: MontserratLight,Times,serif;
    font-style: normal;
    font-size: 14px;
    color: #222;
    text-align: justify;
    line-height: 20px;
}
.article-wrap p{
font-family: MontserratLight,Times,serif;
    font-style: normal;
    font-size: 14px;
    color: #222;
    text-align: justify;
    line-height: 20px;
}
.text-section{
    margin-bottom: 20px;
}
.text-section p{
    margin: 0 0 16px;
    font-weight: 300;
    font-size: 16px;
    color: #222;
    line-height: 1.25;
}
.model-img{
    margin-bottom: 20px;
}
#productSlide div{
    text-align: center;    
}
#productSlide div a{
    display: block;
}
#productSlide div img{
    margin-bottom: 5px;
}
#productSlide .flex-prev{
    left:0px;
}
#productSlide .flex-next{
    right:0px;
}
.flexslider1{
    margin: 0 auto !important;
}
.flexslider1 li{
    display: inline-block;
    text-align: center;
    width:210px;
}
#productSlide p{
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 400;
    text-align: center;
    font-family:"HM Amperserif Reg";
    margin-bottom:0px !important;
    margin-top:0px !important;
        color: #222;
    width: 85%;
    margin: 0 auto;
}
#productSlide .slick-prev, #productSlide .slick-next{
    top: 34% ;
}
#productSlide {
    margin-bottom: 0px !important;
}
.shopStory{
    display: block;
    border-bottom: 1px solid #dadada;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 34px;
}
.shopStory span{
    display: inline-block;
    background: #fff;
    position: relative;
    top: 10px;
    padding: 0 10px;
}
.social-media{
    margin: 0 0 19px;
}
.social-media ul{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.social-media ul li{
        display: inline-block;
}
.sc-facebook{
      /*  background-image: url(images/pintrest.png);*/
}
.bannerSlide .slick-dots li button:before{
    font-size: 0px !important;
}



.spacer{
    font-size: 0;
    line-height: 0;
    clear: both;
}
.page-wrapper { 
    width: 1120px;
    margin: 0 auto;
    margin-top: 0px;
}
.fm-indian-story-plot {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
}
.fm-indian-story-plot p{
  position: absolute;
    top: 330px;
    width: 364px;
    right: 50px;
    font-family: 'PlayfairDisplay-Regular';
    font-size: 17px;
    letter-spacing: 1.8px;
    line-height: normal;
    color: #000000;      
    font-style: italic;
}
.fm-indian-story-plot .img-block{
    float: left;
    width: 678px;
}
.fm-indian-story-plot .img-block img{
    width: 100%;
}
.fm-indian-story-plot .date {
    background-color: #ebebeb;
    float: right;
    width: auto;
    padding: 3px 18px;
    font-size: 20px;
    color: #000000;
    float: left;
    margin: 0;
    font-family: 'Swiss721BT-Roman';
    text-align: left;
    text-transform: uppercase;
        margin-left: 30px;
}
.indian-story {
    width: 364px;
    text-transform: uppercase;
    border-top: 9px solid #ebebeb;
    border-bottom: 9px solid #ebebeb;
    position: absolute;
    right: 50px;
    top: 80px;
    font-size: 55px; /*MODIFIED*/
    color: #000000;
    padding: 29px 0px;
    font-family: 'PlayfairDisplay-Regular';
    letter-spacing: normal;
    text-align: left;
}
.fm-director-desk-plot, .fm-latest-story {
    float: left;
    width: 100%;
}
.director-desk-pod {
    background-color: #ebebeb;
    font-size: 55px;
    color: #000000;
    padding: 16.5px 0px;
    font-family: 'PlayfairDisplay-Regular';
    text-align: center;
    margin-top: 84px;
}
.fm-director-desk-plot p {
    font-family: 'PlayfairDisplay-Regular';
    text-align: center;
    font-size: 17px;
    letter-spacing: 1.8px;
    line-height: normal;
    color: #000000;
    margin-top: 39px;
}
.fm-latest-story {
    margin-top: 92px;
    position: relative;
}
.fm-latest-story hr {
    margin: 0px 38px 0px 27px;
    border-color: #ebebeb;
    border-width: 4.5px;
    border-style: solid;
}
.fm-latest-story small {
    font-family: 'PlayfairDisplay-Regular';
    font-size: 24px;
    letter-spacing: 1.9px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -14px;
    color: #000000;
    padding: 2px 10px;
    background-color: #ffffff;
}
.fm-latest-story .image-block {
   margin-top: 63px;
}
.fm-latest-story .image-block img{
    width: 100%
}
.style-raddar-pod {
    margin-top: 40px;
    text-align: center;
}
.style-raddar-pod h1 {
    font-size: 55px;
    letter-spacing: 5.8px;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
    text-transform: uppercase;
}
.style-raddar-pod p {
    font-size: 17px;
    letter-spacing: 1.8px;
    line-height: normal;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
    margin: 10px 0px 54px 0px;
    text-align: center;
}
.read-more-btn {
       font-family: 'PlayfairDisplay-Regular';
        padding: 10px 20px;
    background-color: #9b2d20;
    font-size: 20px;
    letter-spacing: 2.4px;
    color: #fff;
    border: 0;
    cursor: pointer;
}
.fm-sustainable-plot {
    width: 100%;
    float: left;
    margin-top: 90px;
}
.sustainable-pod {
    width: calc((100% / 3) - 3.5px);
    float: left;
    margin: 0px 1px;
}
.sustainable-pod-sec {
    margin-top: 40px;
    text-align: center;
}
.sustainable-pod-sec h1 {
    font-size: 40px;
    letter-spacing: 2px;
    line-height: normal;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
    padding: 0px 4px;
    text-transform: uppercase;
}
.sustainable-pod-sec p {
    font-size: 17px;
    letter-spacing: 1.8px;
    line-height: normal;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
    margin: 10px 38px 54px 37px;
    text-align: center;
}
.fm-bling-plot, .fm-love-india-plot {
    width: 100%;
    float: left;
}
.fm-bling-plot img, .fm-love-india-plot img {
    width: 100%;
}
.fm-bling-plot {
    margin-top: 80px;
}
.fm-bling-plot p{
    text-align: center;
    margin: 55px 0 0;
}
.fm-love-india-plot {
    margin-top: 125px;
}
.sustainable-pod img {
    width: 100%;
}
.fm-holidat-edit-pod {
    width: calc((100% / 2) - 20px);
    float: left;
    margin: 0px 10px;
}
.fm-holidat-edit-plot {
    width: 100%;
    margin-top: 80px;
    float: left;
}
.fm-holidat-edit-pod img {
    width: 100%;
}
.mens-wear-plot {
    width: 100%;
    margin-top: 80px;
    float: left;
}
.mens-wear-plot .img-block{
    width: 50%;
    float: right;
}
.mens-wear-plot .img-block img{
    width: 100%;
}
.mens-wear-pod {
    width: 50%;
    float: left;
    padding-right: 99px;
    padding-top: 54px;
}
.mens-wear-pod h1 {
    font-size: 55px;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
}
.fm-holidat-edit-pod h1{
    font-size: 25px;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
    text-align: center;
    margin-top: 40px;
}
.fm-holidat-edit-pod p{
    font-size: 17px;
    letter-spacing: 1.8px;
    line-height: normal;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
   margin: 10px 38px 54px 37px;
   text-align: center;
}
.mens-wear-pod p {
   font-size: 17px;
    letter-spacing: 1.8px;
    line-height: normal;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
    margin: 10px 0px 37px 0px;
}
.fm-roll-plot {
    position: relative;
    width: 100%;
    float: left;
    margin-top:80px;
}
.fm-roll-plot img {
    width: 100%;
}
.fm-roll-plot img {
    width: 100%;
}
.roll-pod img {
    width: 100%;
    height: 109px;
    margin-bottom: 24px;
}
.roll-pod {
   position: absolute;
    width: 508px;
    top: 583px;
    background-color: #fff;
    padding: 48px 0px 0px 17px;
    text-align: center;
}
.roll-pod p:nth-child(1) {
    margin-bottom: 90px;
}
.roll-pod p:nth-child(3) {
    margin-bottom: 48px;
}
.roll-pod p {
    font-family: 'MADECannes';
    font-size: 50px;
    text-align: center;
}
.roll-pod h1 {
    font-family: 'JustSignatureRegular';
    color: #fc0606;
    font-size: 52px;
    position: absolute;
    bottom: 110px;
    left: 48px;
}
.roll-content {
    float: right;
    width: 45%;
    text-align: right;
    font-size: 17px;
    letter-spacing: 1.8px;
    font-family: 'PlayfairDisplay-Regular';
    color: #000000;
    line-height: normal;
    margin-top: 10px;
}
.fm-fashion-storm-plot {
   width: 100%;
   float: left; 
   margin-top: 80px;
}
.fm-fashion-storm-plot .img-block {
    width: 50%;
    float: left;
}
.fm-fashion-storm-plot img {
    width: 100%;
    float: left;
}
.fashion-storm-content-pod {
    width: 50%;
    float: right;
    padding: 41px 16px 0px 24px;
}
.fashion-storm-content-pod h1 {
    font-size: 55px;
    margin-bottom: 15px;
    color: #ffffff;
    background-color: #98ba68;
    font-family: 'PlayfairDisplay-Regular';
    margin-left: -113px;
    width: auto;
    float: left;
    padding: 0px 13px;
}
.fashion-storm-content-pod p {
    padding: 25px 107px 43px 0px;
    font-size: 17px;
    letter-spacing: 1.8px;
    color: #000000;
    font-family: 'PlayfairDisplay-Regular';
    float: left;
}
/*responsivness start here */
@media (max-width: 768px) {
.wrapper{
        width: 100%;
        overflow-x: hidden;
padding:0px;
    }
    .article-wrap{
        width: 100%;
    }
.headline{
font-size:30px;
}
.container{
width:90%;
}
#registermag,#loginmag{
    width:90% !important;
    left:5% !important;
}
}
@media (max-width: 767px) {
.arr-block{
       position: relative;
       height: 30px;
    }
    .back-to-magazine{
        position: absolute;
        bottom: 0px;
        padding-left: 0px;
        padding-top: 5px;
        top: 20px;
        left: 2%;
    }
    .back-to-magazine:before{
        left:0%;
    }
    .next-to-article{
        position: absolute;
        bottom: 0px;
        padding-right: 8px;
        padding-top: 5px;
        top: 20px;
        right: 0%;
        left: initial;
    }
    .next-to-article:before{
        left: initial;
        right: -4px;
    }
    .page-wrapper {
       width: 100%;
    }
    .fm-indian-story-plot .img-block {
        width: 100%;
    }
    .fm-indian-story-plot .date {
           width: 100%;
    font-size: 16px;
    height: auto;
    position: relative;
    margin-left: 0;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    .indian-story {
        font-size: 25px;
    width: 100%;
    top: 0px;
    height: auto;
    right: 0px;
    padding: 10px 0px 20px;
    position: relative;
    clear: both;
text-align:center;
}
.fm-indian-story-plot p{
        position: relative;
    right: 0;
    top: 0px;
    width: 100%;
        text-align: center;
    margin-top: 10px;
    font-size: 14px;
}
.director-desk-pod {
   font-size: 25px;
   margin-top: 40px;
}
.fm-director-desk-plot p {
         font-size: 14px;
    padding: 0px 15px;
    margin-top: 25px;
}
.fm-latest-story hr {
     border-width: 2.5px;
}
.fm-latest-story small {
     font-size: 13px;
     top: -9px;
}
.roll-pod p:nth-child(1){
        margin-bottom: 20px;
}
.roll-pod h1{
        position: relative;
    font-size: 35px;
    bottom: 0px;
    left: 0px;
    margin-bottom: 20px;
}
.fm-latest-story {
    margin-top: 60px;
 }
 .fm-latest-story .image-block {
    margin-top: 30px;
}
.style-raddar-pod {
    padding: 0px 15px;
    margin-top: 20px;
}
.style-raddar-pod h1 {
    font-size: 25px;
letter-spacing: 3px;
}
.style-raddar-pod p {
    font-size: 14px;
        padding: 0px 15px;
    margin-top: 20px;
    margin-bottom: 25px;
}
.fm-sustainable-plot, .fm-roll-plot, .fm-fashion-storm-plot, .fm-bling-plot, .mens-wear-plot, .fm-love-india-plot, .fm-holidat-edit-plot {
     margin-top: 40px;
}
.read-more-btn {
    width: 150px;
    height: 35px;
    font-size: 14px;
}
.sustainable-pod-sec p {
    font-size: 14px;
    margin: 20px 0px 25px;
    padding: 0px 15px;
}
.sustainable-pod-sec h1 {
    font-size: 25px;
    height: auto;
}
.sustainable-pod {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}
.sustainable-pod:nth-child(2),.sustainable-pod:nth-child(3){
margin-top: 20px;
}

.sustainable-pod-sec {
    padding: 0px 15px;
    margin-top: 20px;
}
.roll-content {
    float: none; 
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
   margin-bottom: 25px;
    padding: 0px 15px;
}
.fm-holidat-edit-pod p{
    margin: 20px 0px 25px 0px;
    font-size: 14px;
padding: 0 15px;
}
.roll-pod img {
    height: auto;
}
.roll-pod {
        width: 100%;
    top: 0px;
    padding: 20px 0px 0px 10px;
    position: relative;
}
.roll-pod p:nth-child(3) {
    margin-bottom: 30px;
}
.fashion-storm-content-pod {
    width: 100%;
    float: left;
margin-top: 20px;
padding:0px;
}
.fm-fashion-storm-plot .img-block {
    width: 100%;
}
.fashion-storm-content-pod h1 {
    font-size: 25px;
    float: none;
    margin-left: 0;
    text-align: center;
}
.fashion-storm-content-pod p {
    padding: 0px 15px;
    font-size: 14px;
        text-align: center;
    float: none;
    margin-top: 20px;
    margin-bottom: 25px;
line-height: normal;
}
.mens-wear-pod h1 {
    font-size: 25px;
        margin-top: 20px;
    display: inline-block;
}
.mens-wear-pod {
    width: 100%;
    padding: 0px !important;
    text-align: center;
}
.fm-bling-plot p{
margin: 35px 0 0;
}
.mens-wear-pod p {
        padding: 0px 15px;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
}
.mens-wear-plot .img-block {
    width: 100%;
    float: left;
}
.fm-holidat-edit-pod {
    width: 100%;
    float: none;
    margin:0px;
    }
.fm-holidat-edit-pod h1{
margin-top:20px;
}
.fm-holidat-edit-pod:nth-child(2){
margin-top:40px
}
.fm-sustainable-plot,.fm-fashion-storm-plot,.mens-wear-plot,.fm-bling-plot,.fm-holidat-edit-plot{
margin-top: 60px;
}

div.celeb-slider #slider ul.flex-direction-nav li.flex-nav-next{

    position: absolute;
    top: 45%;
    right: -20px;
    width: 45px;
    height: 45px;
    background: url(https://blog.azafashions.com/wp-content/themes/soledad/images/next_small.png) no-repeat top left;
}
div.celeb-slider #slider ul.flex-direction-nav li a.flex-next{
background:none !important;
width:0 !important;
padding:0px !important;
}
div.celeb-slider #slider ul.flex-direction-nav li.flex-nav-prev{

    position: absolute;
    top: 45%;
    left: 0;
    width: 45px;
    height: 45px;
    background: url(https://blog.azafashions.com/wp-content/themes/soledad/images/prev_small.png) no-repeat top left;
}
div.celeb-slider.magazine ul.flex-direction-nav li a.flex-prev{
background:none !important;
width:0 !important;
padding:0px !important;
}
#productSlide{
position:relative;
}
.fm-bling-plot{
margin-top:30px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.page-wrapper {
   width: 100%;
}
.fm-indian-story-plot .img-block {
     width: 50%;
}
.indian-story {
    font-size: 50px;
    width: 40%;
    top: 60%;
    height: auto;
    right: 25px;
    padding: 10px 0px 20px;
}
.style-raddar-pod h1 {
    font-size: 50px;
}
.style-raddar-pod p {
    padding: 0px 15px;
    font-size: 23px;
}
.sustainable-pod-sec p {
    font-size: 14px;
    margin: 20px 15px;
}
.sustainable-pod-sec h1 {
    font-size: 32px;
    height: 75px;
}
.read-more-btn {
    width: 200px;
    height: 40px;
    font-size: 20px;
}
.roll-pod {
    width: 40%;
    padding: 20px 0px 20px 17px;
    top: 467px;
}
.roll-content {
    font-size: 20px;
    padding: 15px;
}
.fm-director-desk-plot p {
    font-size: 20px;
    padding: 15px;
}
.fashion-storm-content-pod h1, .mens-wear-pod h1 {
    font-size: 50px;
}
.fashion-storm-content-pod p, .mens-wear-pod p {
    font-size: 20px;
}
.mens-wear-pod p {
    padding: 15px 0px 20px;
}
.mens-wear-pod {
    padding-right: 30px;
    padding-left: 15px;
}
.fashion-storm-content-pod .read-more-btn {
   float: left;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
.director-desk-pod {
    font-size: 22px;
}
.fm-director-desk-plot p{
font-size: 13px;
}
.fm-latest-story small {
    font-size: 12px;
    top: -7px;
}
.fm-indian-story-plot .date {
    font-size: 13px;
}
.style-raddar-pod h1,.sustainable-pod-sec h1,.fashion-storm-content-pod h1,.mens-wear-pod h1,.fm-holidat-edit-pod h1{
font-size:22px;
}
.style-raddar-pod p,.sustainable-pod-sec p,.fashion-storm-content-pod p,.mens-wear-pod p,.fm-holidat-edit-pod p{
font-size: 13px;
}
.roll-pod h1{
font-size:28px;
}
.roll-pod p{
font-size:40px;
}
.fm-bling-plot{
margin-top:30px;
}
.indian-story {
    font-size: 22px;
}
.roll-content {
    margin-top: 20px;
}
.read-more-btn {
    width: 100px;
    height: 35px;
    font-size: 10px;
}
}
