/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {    
    /*ABOUT SECTION*/
    #about{padding-top: 40px;}
    
    /* FEATURED CLIENTS SECTION*/
    #clients {text-align: center;}
    #clients img{height: 40px;}
    #clients ul{float: none;}
    #clients h4 {display: none;}
    
    /* PORTFOLIO SECTION */
    #shotsByPlayerId li{width: 47%;}
    #shotsByPlayerId li:first-child{width: 97%;}
	.gallery .image { width: 33%!important;}
    .page-with-two-sidebar .content { margin-right: 0!important }
    .myphoto {text-align: center;}
}

@media only screen and (max-width : 767px) {
	/* NAVIGATION */
	.navbar-collapse { padding-left: 0!important; padding-right: 0!important;}
	.navbar-collapse .navbar-nav a { font-size: 1em!important; line-height: inherit; padding: 7px 15px!important;}
	.bg.btnicon:before {  font-size: 1.5em;  line-height: 1.5em; padding-right:10px!important; position: absolute;  text-align: right!important;}
	.navbar-nav { margin: 0 }
	.navbar-nav .open .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; border-top: 1px solid #eee; list-style: none; background: #fff; box-shadow: 0 2px 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) }
	.navbar-nav.navbar-right .open .dropdown-menu { right: 0; left: auto }
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #eee }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #262626 }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { background: #edf0f5; color: #262626 }
	.navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { background: #edf0f5 }
	
    /* PORTFOLIO SECTION */	
	.gallery .image { width: 50%!important; }
}

@media only screen and (max-width : 650px) {
    /*COLLUPSABLE NAVIGATION MENU*/
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse.collapse {display: none!important; right: 100%;}
	.navbar-nav > li {  float: none; height: 40px!important; padding-left: 10px 0 0; overflow: hidden;}
    .collapse.in {display:block !important;}
	
	/* FOOTER */
    .footerlinks {display: none!important;} 
}

/* Iphone Landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
    #hero{height: 320px;}    
    #clients {display: none;}
    .footersocial li{font-size: 1.5em}
    h2 {font-size: 1.9em;}
    h3{font-size: 1.5em}
    h4{font-size: 1.1em;}
    
	
    /* ABOUT */
    #about{text-align: center;}
	.container-about {background-size: auto 100%; }
	
    /* PORTFOLIO */
    #shotsByPlayerId li {width: 96%;}
	.gallery .image { width: 100%!important }
	.myphoto{display: none;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
	.navbar-brand { font-size: 1.1em;  line-height: 20px;}
	.container-about {background-size: auto 100%; }
	.gallery .image { width: 100%!important }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {    
    /* FEATURED CLIENTS SECTION*/
    #clients img{height: 50px;}
}

@media all and (min-width: 375px) {
.portfolio .mix, .portfolio .gap { width: 32%; }
}

@media all and (min-width: 420px) {
.portfolio .mix, .portfolio .gap { width: 32%; }
}

@media all and (min-width: 640px) {
.portfolio .mix, .portfolio .gap { width: 23.5%; }
}

@media (min-width: 768px) {
.container {width: 90%;}
}