/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    /* ul>li>a{
        margin-left: -768px !important;
        padding-left: 38px !important;
    } */
   
    #PROJECT-para>h1{
        font-size: 82px !important;
    }
    #PROJECT-para>h5{
        font-size: 32px !important;
    }
    #PROJECT-para>p {
        width: 100% !important;
        font-size: 22px !important;
    }
    #PROJECT-para>hr {
        width:  72px!important;
    }
    .serum-img {
        height: auto !important;
        width: 100% !important;
        margin-top: 118px !important;
        margin-left: 32px !important;
    }
    #PROJECT-para{
        margin-top: 132px !important;
    }
    .cleanser-img {
        height: auto;
        width: 88%;
        margin-top: -28px;
        margin-left: 98px;
    }
    .night-img {
        width: 168% !important;
        height: auto !important;
        

}
.skin-care-img {
    height: auto !important;
    width: 100% !important;
}
.moring-img {
    width: 172% !important;
    height: auto !important;
    margin-left: -228px !important;
    margin-top: -24px!important;
}
#Previous {
    margin-left: 304px !important;
  }
  #pages>a{
    font-size: 22px !important;
}

/* artboard-2 */
.shake-img {
    width: 100% !important;
    height: auto !important;
    margin-left: 18px !important;
}
#shake-para{
    margin-top: 96px !important;
    margin-left: 48px !important;
}
#shake-para>h1{
font-size: 82px !important;
}
#shake-para>hr{
    width: 94px !important;
    }
#shake-para>h5{
    font-size: 32px !important;
}
#shake-para>p{
    font-size: 22px !important;
    width: 88% !important;
}
#pages>a{
    font-size: 22px !important;
}
/* artboard-2 */
/* Art Board-3 */
.work-out-img{
    width: 100% !important;
    height: auto !important;
    margin-top: 104px !important;
}
.protien-img{
    width: 100% !important;
    height: auto !important;
}
#work-out-para{
    margin-top: 122px !important;
    margin-left: 0 !important;
}
#work-out-para>h1{
    font-size: 82px !important;
}
#work-out-para>h5{
    font-size: 32px !important;
}
#work-out-para>hr{
    width: 72px;
    
}
#work-out-para>p{
    width: 100% !important;
    font-size: 22px !important;
}
/* Art Board-3 */

/* Art Board-4 */
.blue-bary-img {
    margin-top: 134px !important;
    margin-left: -42px;
}
#blue-bary-para {
    margin-top: 109px !important;
    margin-left: -18px !important;
}
#blue-bary-para>p {
    width: 100%;
}
/* Art Board-4 */

/* Art Board-5 */
.bar-1-img {
    
    margin-left: -48px !important;
}
#bar-para {
    margin-top: 102px;
    margin-left: 14px !important;
}
#bar-para>p {
    width: 100% !important;
}
/* Art Board-5 */
/* contact */
#Contact-h1 {
    font-size: 32px !important;
   
}
.lets-img {
    width: 92% !important;
    height: auto;
    margin-left: -24px !important;
}
.form-main {
    width: 100% !important;
    margin-left: 0px !important;
}
/* contact */
/* about */
#About-h1 {
    font-size: 40px !important;
    margin-left: -14px;
}
.about-girl {
    width: 100% !important;
    height: auto;
    margin-left: -26px !important;
    
}
.about-para {
    width: 116% !important;
    margin-left: -34px !important;
    margin-top: 0px !important;
}
/* about */
.iphone {
    margin-top: 132px !important;
    margin-left: 0px !important;
}
.laptop{
    width: 134% !important;
    margin-left: -22px !important;
}
.program-1-img{
    margin-left: -28px !important;
    width: 122% !important;
    margin-top: 122px !important;
}
.program-2-img {
    width: 108% !important;
    height: auto;
    margin-left: -62px;
    margin-top: 0px !important;
    
}
#book{
    margin-left: 0px !important;
}
.health-img {
    width: 100% !important;
    margin-top: 148px !important;
    margin-left: 16px !important;
}
.health-img-2 {
    width: 102% !important;
    margin-top: 0px !important;
    margin-left: -12px !important;
}
}
/*  */
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #PROJECT-para>h1{
        font-size: 82px !important;
    }
    #PROJECT-para>h5{
        font-size: 32px !important;
    }
    #PROJECT-para>p {
        width: 100% !important;
        font-size: 22px !important;
    }
    
/* artboard-2 */
.shake-img {
    width: 100% !important;
    height: auto !important;
    margin-left: 16px !important;
}
#shake-para{
    margin-top: 94px !important;
    margin-left: 92px !important;
}
#shake-para>h1{
font-size: 82px !important;
}
#shake-para>hr{
    width: 94px !important;
    }
#shake-para>h5{
    font-size: 32px !important;
}
#shake-para>p{
    font-size: 22px !important;
    width: 100% !important;
}
#pages>a{
    font-size: 22px !important;
}
#Previous {
    margin-left: 576px !important;
  }

/* artboard-2 */
#blue-bary-para>p {
    width: 86% !important;
}
#blue-bary-para {
    margin-top: 118px;
    margin-left: 38px !important;
}
/* artboard-4 */


/* artboard-4 */
/* about */
#About-h1 {
    
    margin-left: -12px;
    font-size: 32px !important;
}
.about-girl {
    width: 100% !important;
    height: auto;
    margin-left: -26px !important;
}
.about-para {
    width: 108% !important;
    margin-left: -32px;
    
}
/* about */
/* contact */
/* contact */
#Contact-h1 {
    font-size: 32px !important;
   
}
.lets-img {
    width: 68% !important;
    height: auto;
    margin-left: 0px !important;
}
.form-main {
    width: 116% !important;
    margin-left: -68px !important;
}
/* contact */

/* contact */
.program-1-img{
    margin-left: 28px !important;
    width: 106% !important;
}
.program-2-img {
    width: 108% !important;
    height: auto;
    margin-left: -82px;
    margin-top: 0px !important;
    
}
.iphone{
    margin-left: 0px !important;
}
.laptop {
    width: 134% !important;
    margin-top: 76px !important;
    margin-left: -48px !important;
}
}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */



/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */






/* ----------- iPhone 4 and 4S ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    #desktop{
        display: none;
      }
    .header-bg {
       
        width: 100% !important;
        height: 456px !important;
        
    }
    .navbar-nav {
        margin-left: auto !important;
        text-align: center !important;
        margin-top: 3px !important;
    }
    .navbar {
        height: 76px !important;
    }
    .logo {
        margin: 0 !important;
        width: 54px !important;
    }
    .images-main {
        
        margin-top: -58px !important;
    }
    .hello-img {
        width: 138px !important;
        height: auto;
        margin-left: -34px !important;
    }
    .ayesha-img {
        width: 286px !important;
        height: auto;
        margin-left: -36px !important;
    }
    .visual {
        width: 292px !important;
        height: auto;
        margin-left: -36px !important;
    }
    .PRESENTATION {
        
        width: 392px !important;
        height: 393px !important;
    }
    .PACKAGING {
        width: 392px !important;
        height: 393px !important;
    }
    .EVENT {
        width: 392px !important;
        height: 393px !important;
    }
    .bgDiv>h1 {

        margin-left: -134px !important;
    }
    .bgDiv>hr {

        margin-left: 134px !important;
    }
    .bgDiv>h3{

        margin-left: -128px !important;
    }
    .LOGO {
        width: 392px !important;
        height: 393px !important;
    }
    .PRINT {
        width: 392px !important;
        height: 393px !important;
    }
/* } */
.UI {
   
    width: 392px !important;
    height: 393px !important;
   
    
}
    /* new */
    #PROJECT-para{
        margin-left: 48px !important;
        margin-top: 64px !important;
    }
    #PROJECT-para>p{
        width: 100%!important;
    }
    .serum-img {
        height: auto;
        width: 100%;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
    .shake-img {
        margin-left: 32px !important;
        margin-top: 8px !important;
    }
    #shake-para {
        margin-left: 48px !important;
        margin-top: 28px !important;
    }
    #shake-para>p {
        width: 100% !important;
    }
    #work-out-para {
        margin-left: 41px !important;
        margin-top: 64px !important;
    }
    #work-out-para>p {
        width: 100% !important;
    }
    .work-out-img {
       
        margin-top: 0px !important;
    }
    #blue-bary-para {
        margin-left: 48px !important;
        margin-top: 28px !important;
    }
    #blue-bary-para>p {
        width: 100%!important;
    }
    .blue-bary-img {
       margin-top: 8px !important;
       margin-left: -18px !important;
    }
    #bar-para{
        margin-left: 48px !important;
        margin-top: 28px !important;
    }
    #bar-para>p {
       width: 100% !important;
    }
    .bar-1-img {
        margin-left: -42px !important;
        margin-top: 0px !important;
    }
    #Portfolio {
    
        margin-left: -62px;
    }
    #Previous {
        margin-left: 52px !important;
    }
    #About-h1 {
        text-align: center !important;
        font-size: 46px !important;
        margin-top: 72px;
    }
    .about-girl {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .about-para {
        text-align: center !important;
    }
    #Contact-h1{
        text-align: center !important;
        font-size: 46px !important;
        margin-top: 72px;
    }
    .lets-img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 58% !important;
    }

    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
       
        font-size: 14px !important;
    }
    .navbar-light .navbar-nav .nav-link {
     
        font-size: 14px !important;
    }
    /* new */
    .program-1-img{
        width: 68% !important;
    }
    .program-2-img{
        width: 100% !important;
    }
    .health-img{
        width: 78% !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    }
    .health-img-2{
        width: 100% !important;
    }
    .led{
        width: 108% !important;
    }
    .laptop{
        width: 110% !important;
        margin: 0px !important;
    }
  }

/* @media only screen 
  and (min-device-width: 412px) 
  and (max-device-width: 915)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .PRESENTATION {
     width: 410px !important;

    }
} */

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: Landscape) {
    #desktop{
        display: none;
      }
    .header-bg {
       
        width: 100% !important;
        height: 333px !important;
        
    }
    .navbar-nav {
        margin-left: auto !important;
        text-align: center !important;
        margin-top: 3px !important;
    }
    .navbar {
        height: 76px !important;
    }
    .logo {
        margin: 0 !important;
        width: 54px !important;
    }
    .images-main {
        padding-top: 82px !important;
    }
    .hello-img {
        width: 158px !important;
    height: auto;
    margin-left: -18px !important;
    }
    .ayesha-img {
        width: 298px !important;
    height: auto;
    margin-left: -18px !important;
    }
    .visual {
        width: 298px !important;
    height: auto;
    margin-left: -18px !important;
    }
    .PRESENTATION {
        
        width: 480px !important;
        height: 393px !important;
    }
    .PACKAGING {
        width: 480px !important;
        height: 393px !important;
    }
    .EVENT {
        width: 480px !important;
        height: 393px !important;
    }
   
   
    .LOGO {
        width: 480px !important;
        height: 393px !important;
    }
    .PRINT {
        width: 480px !important;
        height: 393px !important;
    }
/* } */
.UI {
   
    width: 480px !important;
    height: 393px !important;
   
    
}
#PROJECT-para{
    /* margin-left: 90px !important; */
    margin-top: 64px !important;
}
#PROJECT-para>p{
   width: 100% !important;
}
.serum-img {
   
    margin-top: -20px !important;
    margin-left: -26px !important;
}
#Portfolio {
    
    margin-left: -62px !important;
}
#Previous {
    margin-left: 212px !important;
    
}
#shake-para {
    margin-top: 34px !important;
    margin-left: 22px !important;
}
#shake-para>p {
    width: 100% !important;
}
.shake-img {
        height: auto;
        width: 62% !important;
        margin-top: 8px !important;
        margin-left: 58px !important;
    }
    #work-out-para {
        margin-top: 62px !important;
        margin-left: 22px !important;
    }
    #work-out-para>p {
        width: 100% !important;
    }
    .work-out-img {
       
        margin-top: 0px !important;
    }
    #blue-bary-para {
        margin-top: 34px !important;
        margin-left: 22px !important;
    }
    #blue-bary-para>p {
        width: 100% !important;
    }
    .blue-bary-img {
        margin-top: 22px !important;
        margin-left: -36px !important;
    }
    #bar-para {
        margin-top: 34px !important;
        margin-left: 22px !important;
    }
    #bar-para>p {
        width: 100% !important;
    }
    .bar-main {
        margin-top: -68px !important;
        margin-left: 0px !important;
    }
    #About-h1 {
        text-align: center !important;
        font-size: 56px !important;
        margin-top: 72px;
    }
    .about-girl {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .about-para {
        text-align: center !important;
    }
    #Contact-h1 {
        text-align: center !important;
        font-size: 56px !important;
        margin-top: 72px;
    }
    .lets-img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .program-1-img{
        width: 68% !important;
    }
    .program-2-img{
        width: 100% !important;
    }
    .health-img{
        width: 78% !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    }
    .health-img-2{
        width: 100% !important;
    }
    .led{
        width: 108% !important;
        margin-top: -22px !important;
    }
    .laptop{
        width: 114% !important;
        margin: -22px !important;
    }
}


/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */