@media only screen 
and (min-width : 820px)
and (max-width : 1366px) {
    .not-for-landscape{
        display: none;
    }
}
@media only screen 
and (min-width : 1366px)
and (max-width : 2000px) 
and (orientation : landscape){
    .not-for-landscape{
        display: none;
    }
}
@media only screen 
and (min-width : 1024px)
and (max-width : 1366px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
    .phone-section-content h2{
        padding-top: 330px;
    }
    .not-for-landscape{
        display: none;
    }
}
@media only screen 
and (min-width : 1024px)
and (max-width : 1366px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
    .phone-section-content h2{
        padding-top: 330px;
    }
}

@media only screen 
and (min-width : 768px)
and (max-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1){
    .phone-section-content h2{
        padding-top: 130px;
    }
    .not-for-landscape{
        display: none;
    }
}

@media only screen 
and (min-width : 768px)
and (max-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1){
    .not-for-landscape{
        display: none;
    }
}

@media screen and (max-width : 1024px){
    .banner-content {
        margin: 200px auto 0;
    }
    .hdr-links{
        padding-left:0;
    }
    .h-thumb{
        margin-top:0px !important;
    }
    .h-i-w-content .vert-line{
        display: none;
    }
    .section-categories .vert-line{
        display:none;
    }
    .hd-picname a.mini-pic{
        line-height:19px;
    }
    .personal-info div{
        float: none;
        width:100%;
        text-align: left;
    }
    .get-in-touch {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .not-for-landscape{
        display: block;
    }
}

@media screen and (max-width : 768px){
    .banner-content {
        margin: 290px auto 0 ;
    }
    .main-header-content a.cg-logo {
        overflow-x: hidden;
        width: 55px;
    }
    .main-header-content a.cg-logo img {
        max-width: none;
    }
    .h-s-hldr {
        width: 83%;
    }
    .h-s-hldr input{
        font-size:14px;
    }
    .b-person-container {
        background-position-x: -358px !important;
        background-size: 185% !important;
    }
    .h-thumb {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .thumb-categories{
        margin-bottom:20px;
    }
    .phone-img {
        height: 70%!important;
    }
    .phone-section {
        height: 100%;
        padding-top: 200px;
    }
    .contact-section {
        width: 100% !important;
        margin:0 !important;
        padding:0 !important;
    }
    .contact-section iframe{
        height:50vh;
    }
    .get-in-touch {
        padding-left: 50px;
        padding-right: 50px;
    }
}



@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) {
    .main-header, .ac-hdr{
        display: none;
    }
    .device-header{
        display: block;
    }
  }

@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .banner-content {
        margin:200px auto 0 !important;
    }
    .phone-section {
        padding-top: 0;
        margin:0 0 0 0;
    }
    .not-for-landscape{
        display: none;
    }
}

@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .not-for-landscape{
        display: block;
    }
}

@media only screen 
  and (min-width: 320px)
  and (max-width: 375px){
    .prof-banner-content h2{
        text-align: center;
    }
    .stat-right a.m-resume{
        float:none;
        display: block;
        text-align: left;
        width:70%;
        margin:10px auto 0;
    }
    .prof-banner-content
    .profile-picture {
        width: 100px;
        height: 100px;
    }
    .main-info-left {
        padding-right: 0;
        border-right: none;
        padding-bottom:0;
    }
    .profile-info{
        padding-top:0;
        padding-bottom:0;
        padding-left:0;
        padding-right:0;
    }
    .result-list-details h5,
    .result-list-details h6,
    .result-list-details span{
        padding:0 0 0 0;
        text-align: left;
    }
    .rl-details h5,
    .rl-details span{
        text-align: left;
        padding:0 0 0 0;
    }
    .rl-details-btn{
        text-align: left;
    }
  }

  @media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
  and (orientation: portrait) { 
    .not-for-landscape{
        display: none;
    }
}


  @media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
  and (orientation: landscape) { 
    .not-for-landscape{
        display: block;
    }
}