/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
/* CSS styles for devices with widths between 1200px and 1920px (inclusive)Ã‚Â */

@media (min-width: 1601px) and (max-width: 1920px) {
	
	#about {
	padding-top: 2%;
}
	.form-main {
	min-height: 43vh;
}
	.portfolio .portfolio-item .portfolio-info{
		width: 100%;
	}
	
}


@media (min-width: 1501px) and (max-width: 1600px) {
	
	#about {
	padding-top: 3% !important;
	 padding-bottom: 5px;
}
	.form-main {
	min-height: 43vh;
}
	.portfolio .portfolio-item .portfolio-info{
		width: 100%;
	}
	
}
@media (min-width: 1281px) and (max-width: 1500px) {
	
	#about {
	padding-top: 89%;
}
	.form-main {
	min-height: 52vh;
}
	.portfolio .portfolio-item .portfolio-info{
		width: 100%;
	}
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  #main {
    display: flex;
    min-height: 26vh;
    background: center/cover no-repeat url("../img/slider/banner.jpg");
  }
  #furiosa_poster__header {
    display: none;
  }
  #about {
    padding-top: 47%;
  }
  .col-md-4 {
    width: 47.333%;
  }
  .main-wrapper {
    margin-top: 20px;
  }
	.portfolio .portfolio-item:hover .portfolio-info {
    width: 100%;
}
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  #main {
    display: flex;
    min-height: 26vh;
    background: center/cover no-repeat url("../img/slider/banner.jpg");
  }
  #furiosa_poster__header {
    display: none;
  }
  #about {
    padding-top: 52% !important;
  }
  .navbar-brand img {
    width: 49%;
  }
  #counter .item {
    width: 97%;
  }
  #counter {
    display: block;
  }
  .portfolio .portfolio-item .portfolio-info {
    width: 72%;
  }
  .contact-info {
    padding-bottom: 0 !important;
  }
  .main-wrapper {
    width: 100% !important;
    margin-left: 101px !important;
  }
  .col-md-4 {
    /*	flex: 0 0 auto;*/
    width: 100%;
  }
  .contact-wrap {
    margin-left: 0 !important;
    margin-top: 25px;
  }
	
	.portfolio .portfolio-item:hover .portfolio-info {
    width: 100%;
}
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #main {
    display: flex;
    min-height: 26vh;
    background: center/cover no-repeat url("../img/slider/banner.jpg");
  }
  #furiosa_poster__header {
    display: none;
  }
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  #main {
    display: flex;
    min-height: 26vh;
    background: center/cover no-repeat url("../img/slider/banner.jpg");
  }
  #furiosa_poster__header {
    display: none;
  }
  #about {
    padding-top: 56% !important;
  }
  #counter {
    /*    text-align: -webkit-center !important;*/
    display: grid !important;
  }
/*
  .portfolio-item.filter-web {
    padding-left: 102px;
  }
*/
/*  .portfolio .portfolio-item .portfolio-info {
    margin-left: 11%;
  }*/
/*
  .filter-card {
    margin-left: 44px;
  }
*/
  #contact {
    padding-top: 50px;
    /* padding-bottom: 50px; */
  }
  .contact-info {
    padding-bottom: 0 !important;
  }
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
  #main {
    display: flex;
    min-height: 26vh;
    background: center/cover no-repeat url("../img/slider/banner.jpg");
  }
  #furiosa_poster__header {
    display: none;
  }
  #about {
    padding-top: 4% !important;
  }
  .section-title p {
    font-size: 25px;
  }
  #attends {
    padding-top: 30px;
  }
  #Attend {
    padding-bottom: 15px !important;
  }
  .contact-info {
    padding-bottom: 0 !important;
  }
  #contact {
    padding-top: 30px !important;
  }
  #contact .col-lg-12 {
    margin-top: 0 !important;
  }
	#counter {
	text-align: -moz-center;
}
	.portfolio .portfolio-item:hover .portfolio-info {
    width: 100%;
}
	.navbar{
	position: relative;
	top:10px;
	right: 20px;
	}
}

