@media(max-width: 1400px){
    #ProjectsContent{
        padding: 0 100px;
    }
}
@media(max-width: 1300px){
    #RightMenu{
        width: 900px;
    }
    #HomeSlider{
        width: 800px;
    }
    #ProjectsContent{
        padding: 0 50px;
    }

}
@media(max-width: 1200px){
    #RightMenu{
        width: 800px;
    }
    #HomeSlider{
        width: 700px;
    }
    #LeftContent{
        display: none;
    }
    #RightContent{
        width: 100%;
    }
}
@media(max-width: 1100px){
    #LeftHeaderLogo a{
        padding: 60px 20px;
    }
    #LeftHeaderInfo{
        padding: 5px 20px;
    }
    #LeftHeaderSocialMedia{
        padding: 20px 20px;
    }
    #ContactContent{
        padding: 0 100px;
    }

}
@media(max-width: 1000px){
    #AboutsContent {
        width:100%;
    }
    #RightMenu{
        width: 100%;
    }
    #RightMenu li{
        width: 20%;
    }
    #HomeSlider{
        width: 800px;
    }
    #PedodontiContent{
        padding: 0 50px;
    }
    #ContactContent{
         padding: 0 10px;
     }
}
@media(max-width: 900px){
    #RightContent{
        width: 100%;
    }
    #RightMenu{
        width: 800px;
    }
    #HomeSlider{
        width: 700px;
    }
    #PedodontiContent{
        padding: 0 40px;
    }
}
@media(max-width: 800px){
    #RightMenu{
        width: 700px;
    }
    #HomeSlider{
        width: 600px;
    }
    #PedodontiContent{
        padding: 0 30px;
    }
}
@media(max-width: 700px){
    #RightHeaderLogo{
        width: 100%;
    }
    #RightHeaderMenu{
        display: none;
    }
    #HomeSlider{
        width: 100%;
    }
    #PedodontiContent{
        padding: 0 20px;
    }
    #MobileOpenButton{
        display: block;
    }
    #MobileCloseButton{
        display: block;
    }
    #RightMenu li a{
        padding: 10px 10px;
    }
    #MobileMenuContent{
        display: block;
        left: -100%;
        -webkit-transition:left ease 0.5s;
        -moz-transition:left ease 0.5s;
        -o-transition:left ease 0.5s;
        transition: left ease 0.5s;
    }
    #MobileMenuContent.active{
        left:0 !important;
    }
    #ContactContent{
        margin-top: 120px;
     }
    #ContactLeftBack, #ContactRighttBack{
        top: 22%;
    }
    #ContactLeftBack img{
        width: 80px;
    }
    #ContactRighttBack img{
        width: 80px;
    }
}
@media(max-width: 600px){
    #RightHeaderLogo{
        margin: 0 auto;
    }
    #HomeSlider{
        margin: 0 auto;
    }
}
@media(max-width: 500px){

}
@media(max-width: 400px){

}
@media(max-width: 300px){

}