/******Extra Large Device--- Desktop and Laptop*****/
@media (max-width: 1200px){
    .nav-menu nav ul li a{
        padding: 15px;
        font-size: 14px;
    }
    .header-social-icons span{
        font-size: 18px;
    }
    .header-logo img{
        width: 150px;
    }
   
    .header-content-right{
        margin-left: 80px;
        transform: scale(.8);
    }
    .header-content-left-top img{
        width: 210px;
    }
    .header-content-left-top h1{
        font-size: 40px;
    }
    .header-content-left-bottom{
        margin-right: 255px;
    }
    .header-content-left{
        margin-left: 20px;
    }
    .section-1-header{
        left: 0;
        margin-left: 20px;
    }

    .section-2-left-header{
        margin-right: 75px;
    }
    .section-3-right img{
        width: 250px;
    }
    .section-3-left{
        margin-left: 20px;
    }
    .section-4-right video{
        width: 500px;
    }
    .section-3-header h1{
        font-size: 38px;
    }
    .section-5-content:nth-child(1){
        margin-right: 50px;
    }
    .section-5-content:nth-child(2){
        margin-right: 50px;
    }
    .section-footer-left{
        margin-right: 140px;
    }
}

/***Large Devices----- ***/
@media (max-width: 992px){
    .header-social-icons{
        display: none;
    }
    .nav-menu{
        margin-left: 20px;
    }
    .nav-menu nav ul li a{
        padding: 10px;
    }
    .header-content-left-top img{
        display: none;   
    }
    .header-content-left-bottom{
        margin-right: 14px;
    }
    .section-1-header{
        margin-left: 55px;
    }
    .section-2-right{
        display: none;
    }
    .section-2-left-header{
        margin-right: 280px;
    }
    .section-3-right img:nth-of-type(2){
        display: none;
    }
    .section-4{
        display: block;
    }
    .section-4-right-video-play{
        display: none;
    }
    .section-4-header span{
        left: auto;
        right: 130px;
    }
    .section-4-header{
        margin-right: 412px;
    }
    .section-4-header span{
        left: 0;
    }
    .section-footer-right{
        margin-bottom: 0;
        position: absolute;
        margin-top: 135px;
    }
}
/****Medium Device****/
@media (max-width: 768px){
    .nav-menu{
        display: none;
    }
    .hamburger{
        display: block;
    }
    .header-logo img{
        margin-top: 7px;
    }
    .header-top{
        justify-content: left;
    }
    .header-logo img{
        margin-left: 10px;
    }
    .header-content-right{
        margin-left: 0;
    }
    .device-monitor{
        position: relative;
        display: block;
        float: left;
        margin-right: 25px;
    }
    h1{
        font-size: 30px !important;
    }
    p{
        font-size: 17px !important;
    }
    h3{
        font-size: 20px !important;
    }
    .section-1-header img{
        top: -3px;
    }
    .section-1-header img{
        width: 130px;
    }
    .section-2-left-header{
        margin-right: 0;
        margin-left;
    }
    .section-2-left-header img{
        width: 130px;
    }
    .section-3{
        justify-content: left;
    }
    .section-3-right{
        display: none;
    }
    .section-3-header img{
        width: 130px;
        z-index: 30;
    }
    .section-4-right{
        margin-left: 0;
    }
    .section-4-left-bottom{
        display: none;
    }
    .section-4-header{
        margin-bottom: 0;
    }
    .footer-center-mobile{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column;
    }
    .section-footer-left{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .section-footer-right{
        position: relative;
        margin-top: 40px;
    }
    .section-footer-center{
        margin-right: 0;
    }
    .header-content-left-top{
        margin-right: 125px;
    }
}

/**Mobile Devices***/
@media (max-width: 575.98px){
    .device-monitor-mobile{
        display: none;
    }
    .device-monitor{
        margin-right: 0;
    }
    .section-2-left-header{
        margin-right: 0;
    }
    .section-4-header{
        justify-content: left;
    }
    .section-4-right video{
        width: 430px;
    }
    .header-circle{
        width: 1000px;
        right: 0;
        top: 0;
    }
    @keyframes scale {
        0% {
            width: 1000px;
            height: 1000px;
        }
        50% {
            width:1100px;
            height: 1100px;
        }
        100% {
            width: 1000px;
            height: 1000px;
        }
    }
}
/****Small Mobile Devices***/
@media (max-width: 415px){
    .header-content-left-bottom-bottom a:nth-of-type(1){
        width: 140px;
    }
    .header-content-left-bottom-bottom a:nth-of-type(2){
        width: 160px;
    }
    .section-1-header span{
        left: 0;
    }
    .section-4-right video{
        width: 315px;
        border-radius: 20px;
    }
    .header-circle{
        width: 800px;
        right: 0;
        top: 0;
    }
    @keyframes scale {
        0% {
            width: 800px;
            height: 800px;
        }
        50% {
            width: 900px;
            height: 900px;
        }
        100% {
            width: 800px;
            height: 800px;
        }
    }
    
}