@media (max-width: 1920px){ }
@media (max-width: 1440px){ }
@media (max-width: 1366px){}
@media (max-width: 1280px){}
@media (max-width: 1024px){}
@media (max-width: 960px){}
@media (max-width: 950px){}
@media (max-width: 864px){}
@media (max-width: 800px){}
@media (max-width: 736px){
    nav#normal{
        display:none;
    }
    nav#responsive{
        display: block;
    }
    #comingsoon h1{
        text-align: center;
        font-size: 2.5em;
    }
    #text-carousel-cs{
        width:100vw !important;
    }
    #text-carousel-cs h2{
        font-size: 1.5em;
    }
}
@media (max-width: 690px){
    section#home, div#top-layer, div#bottom-layer, section#footer-content, section#copyrights, section#about, .main-contact, .signup-detail-container, .upload-container, .adv-container-body, div#support-advertise-container{
        display: flex;
        flex-direction: column;
        height:max-content;
    }
    .destiny-content-wrap, .destiny-content-wrap.compact{
        padding-top:100px;
    }
    section#home{
        padding-top:70px;
    }
    .signup-detail-container{
        padding:20px ;
    }
    .main-contact{
        flex-direction: column-reverse;
        padding:0 20px;
    }
    div#premium-adds, div#middle-container, div#right-container, div#advert-carousel , .premium-box, .advertise-motive, div#sitemap, div#newsletter, div#contact-details , .main-section-abt, .sub-section-abt, .contact-details, .tc-area, .form-area, .upload-preview, .adver-area, .support-container{
        width:100%;
    }
    #advertisements .ad-box{
        width:90%;
    }
    .support-container{
        margin:10px 0;
        min-height: 150px;
    }
    .support-container #advertiser-btn{
        height:150px;
    }
    .tc-area{
        height: 500px;
    }
    .contact-details{
        padding:20px 0;
        margin: 20px 0;
    }
    div#thought{
        height: max-content;        
    }
    div#thought h2 , .adv-container .form-area h2{
        font-size: 20px;
    }
    div#working-content h2, .ad-box h4{
        font-size: 18px;
    }
    div#working-content{
        height: 180px;
    }
    section#advertisements{
        display: flex;
        flex-direction: column;
    }
    .form-area label.inp, .form-area .select{
        max-width: 90%;
        width:90%;
    }
    div#support-advertise-container, div#premium-adds{
        order:3;
    }
    span.head, .ad-box h5, div#category-container h5 {
        font-size: 16px;
    }
    .button-body span, div#future-openings button, #signin-box button, div#thought p, .form-area button, .ad-box p{
        font-size: 14px;
    }
    .category-content{
        column-count: 1;
    }
    div#advert-carousel{
        height:200px;
    }
    div#future-openings{
        height:200px;
    }
    .adv-container-body .form-body{
        padding:3% 5%;
    }
    div#sitemap, div#newsletter, div#contact-details{
        padding:20px 0;
    }
    footer h4{
        font-size: 14px;
        text-align: center;
    }
    div#sitemap ul{
        text-align: center;
        font-size: 12px;
    }
    span.detail-body, span.detail-title, div#newsletter p, .btn-1, .inp .label, #signin-box a, .tc-content p, .tc-content ol, input[type=checkbox] + label, .select-label, .ad-box button{
        font-size: 12px;
    }
    input[type=checkbox] + label{
        margin-top: 20px;
        position: relative;
    }
    div#newsletter{
        padding:20px;
    }
    section#copyrights{
        padding:10px;
    }
    section#copyrights span{
        font-size:10px;
    }
    .ads-container{
        position: relative;
        margin: 0 auto;
        top: auto;
        right: 5px;
        display: block;
    }
    h2, h3{
        text-align: center;
    }    
    #about p{
        font-size: 12px;
        text-align: center;
    }
    .service-box, .adv-container{
        width:90%;
        max-width: 90%;
    }
    .adv-container{
        width:100%;
        max-width: 100%;
    }
    .service-title h2{
        font-size: 16px;
    }
    .service-desc p{
        font-size: 13px;
    }
    #contact p{
        text-align: center;
        width:100%;
    }
    div#signin-box{
        width:90%;
    }
    .collect-cv .form-area label.inp{
        width:90%;
        max-width: 90%;
    }
    
}
@media (max-width: 667.008px){}
@media (max-width: 640px){}
@media (max-width: 600px){}
@media (max-width: 568px){}
@media (max-width: 533.088px){}
@media (max-width: 480px){}
@media (max-width: 414px){}
@media (max-width: 384px){}
@media (max-width: 375.008px){}
@media (max-width: 360px){}
@media (max-width: 320px){}

/*Devices*/
/*Blackberry Z30,Galaxy S5, Galaxy Note 3 - Horizontal,Vertical*/
@media (width:360px) and (height:640px){}
@media (width:640px) and (height:360px){}
/*Nexus 5X - Horizontal,Vertical*/
@media (width:411px) and (height:731px){}
@media (width:731px1px) and (height:411px){}
/*Nexus 6P - Horizontal,Vertical*/
@media (width:435px) and (height:773px){}
@media (width:773px) and (height:435px){}
/*iPhone 5 - Horizontal,Vertical*/
@media (width:320px) and (height:568px){}
@media (width:568px) and (height:320px){}
/*iPhone 6 - Horizontal,Vertical*/
@media (width:375px) and (height:667px){}
@media (width:667px) and (height:375px){}
/*iPad - Horizontal,Vertical*/
@media (width:768px) and (height:1024px){}
@media (width:1024px) and (height:768px){}
/*LG Optimus L70 - Highlight,Vertical*/
@media (width:384px) and (height:640px){}
@media (width:640px) and (height:384px){}
/*Nokai Lumia 520 -Horizontal,Vertical*/
@media (width:320px) and (height:533px){}
@media (width:533px) and (height:320px){}
/*Devices*/