@media only screen and (max-device-width: 1300px) {

   .portfolio {
      width: 100.5%;
   }

   .portfolio li {
      width:25%;
      margin:0 auto;
   }

   .submenu1 ul li {
      display: inline;
      margin-right: 40px;
   }
   
   #navigation ul {
    float: right;
    padding-top: 30px;
    margin-right: 30px;
}

   #navigation ul li {
    display: inline;
    margin-right: 5px;
}


.boxdividi_photo1{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
    height: 270px;
}

.boxdividi_photo{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
}

.boxdividi_photovid{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
    height: 270px;
}

.boxdividi_photovid1{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
    height: 220px;
}


}