/*Medium Screen*/

@media (min-width: 768px) {
    .navbar-brand h1 {margin-top: 8px;}
    .text-center i {margin-top:30px;margin-bottom:30px;}
    #conatcat-info p {font-size: 18px;font-weight: normal;}
    #portfolio h1 {font-weight: 700;margin-top: 50px;}
    #portfolio p {margin-top: 20px;font-size: 18px;}
    .portfolio-item img {width: 350px; height: 220px;margin-left: 10px;}
}

@media (min-width: 992px) {
    
}

@media (min-width: 1200px) {
    .portfolio-item img {width: 280px; height: 200px;margin-left: 10px;}
}

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

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

@media (max-width: 768px) {
    .navbar-brand h1 {margin-top: -5px;}
    .text-center i {margin-top:0px;margin-bottom:0px;}
    #first {margin-top: -10px;}
    #conatcat-info {margin-top: -20px;margin-bottom: -20px;}
    #head {margin-bottom: -10px !important;}
    .breadcrumb {margin-top: -35px;margin-left: -15px;margin-bottom: 15px;}
    #portfolio h1 {font-weight: 700;margin-top: 30px;font-size: 2em;}
     .portfolio-item img {width: 420px; height: 300px;margin-left: 10px;}
     .navbar-brand img {margin-top: 0px;}
}

@media (max-width: 479px) {
	.navbar-brand h1 {font-size: 14px;margin-top: 0px;}
	.contact-info h2 {font-size: 20px;}
    #icon {margin-left: -100px !important;}
     .portfolio-item img {width: 280px; height: 200px;margin-left: 0px;}
     .portfolio-item h3 {margin-left: 0px;margin-top: 0px;}
     .portfolio-item a {margin-left: 0px;}
     #conatcat-info_3{font-size: 18px;}
     .copyright p {margin-left: -40px;}
    .copyright a {margin-left: -40px; font-size: 10px;}
    a.scrollup {width: 33px;height: 33px;font-size:9px;}
    ul.social-network {margin-left: -60px;}
}

@media (max-width: 320px) {
     .portfolio-item img {width: 250px; height: 180px;margin-left: 0px;}
     .portfolio-item h3 {margin-left: 0px;}
     .portfolio-item a {margin-left: 0px;}
}