@media only screen and (max-width: 768px) {
    .other-side {
        width: calc(100% - 100px);
         display: unset;
         position: unset;
        margin-left: 85px;
    }

    .oldegypt-title
    {
        display: none;
    }

    .smalltitle
    {
        display: block;
        left: 2%;
       margin-top: -63px;
    }

    .timeline {
        list-style: none;
        text-align: center;
        margin-top: 30px;
        -webkit-box-shadow: 0px 0px 24px -1px rgba(166,164,166,1);
        -moz-box-shadow: 0px 0px 24px -1px rgba(166,164,166,1);
        box-shadow: 0px 0px 24px -1px rgba(166,164,166,1);
        padding: 25px 10px 1px;
    }

    .section1-header{
        height: 100vh;
    }
    .section4-experience
    {
        display: block;
    }

    .section-subheader
    {
        margin-left: 20px;
    }
}




@media only screen and (max-width: 834px) {
    .other-side {
        width: calc(100% - 100px);
         display: unset;
         position: unset;
        margin-left: 85px;
    }

    .oldegypt-title
    {
        display: none;
    }

    .smalltitle
    {
        display: block;
        left: 2%;
       margin-top: -63px;
    }

    .timeline {
        list-style: none;
        text-align: center;
        margin-top: 30px;
        -webkit-box-shadow: 0px 0px 24px -1px rgba(166,164,166,1);
        -moz-box-shadow: 0px 0px 24px -1px rgba(166,164,166,1);
        box-shadow: 0px 0px 24px -1px rgba(166,164,166,1);
        padding: 25px 10px 1px;
    }

    .section4-experience
    {
        display: block;
    }

    .section-subheader
    {
        margin-left: 20px;
    }
}




@media (min-width: 1367px)
{
    .type{height: 350px;}
    .overflow-project { height: 488px;}
    .portofolio-details{padding: 60px;}
    .web-title{font: 700 35px/39px 'Changa';}
    .more-about{font: 400 26px/39px 'Changa'; width: 210px;}
}