/*==================================================

=            Bootstrap 3 Media Queries             =

==================================================*/



    /*==========  Mobile First Method  ==========*/



    /* Custom, iPhone Retina */ 

    @media only screen and (min-width : 320px) {

		#contact-header h1 {

		  font-size: 56px;

		}

		

		#contact {

		  height: auto;

		}

		

		.btn {

		  margin-bottom: 15px;

		}



		

		

    }



    @media only screen and (min-width:360px) {

    	.gird figure{

			min-width: 350px;

		}

    }



    /* Extra Small Devices, Phones */ 

    @media only screen and (min-width : 480px) {

		#contact-header h1 {

		  font-size: 56px;

		}

		

		#contact {

		  height: auto;

		}

		.btn {

		  margin-bottom: 15px;

		}





    }



    /* Small Devices, Tablets */

    @media only screen and (min-width : 768px) {

		.container .gallery a img {

		  height: 220px;

		}

		

		.btn {

		  margin-bottom: 15px;

		}

		

		.services-1 {

		  overflow: hidden;

		  padding: 0;

		}

		.services-1 img {

		  margin-left: 25%;

		  margin-top: 10px;

		}



		.stall {

  			margin: 0;

		}



		.stall h4 {

		  font-size: 22px;

		  line-height: 24px;

		  margin: -55px 0 50px;

		  padding: 10px;

		}

    }



    /* Medium Devices, Desktops */

    @media only screen and (min-width : 992px) {

		.container .gallery a img {

		  height: 270px;

		}

    }



    /* Large Devices, Wide Screens */

    @media only screen and (min-width : 1200px) {

		.container .gallery a img {

		  height: 270px;

		}

		.carousel-showmanymoveone .carousel-control.right {

		  margin-right: -40px;

		  margin-top: -5px;

		}

		.carousel-showmanymoveone .carousel-control.left {

		  margin-left: -40px;

		  margin-top: -5px;

		}

    }



    /*==========  Non-Mobile First Method  ==========*/



    /* Large Devices, Wide Screens */

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

		.container .gallery a img {

		  height: 270px;

		}

		.gird figure {

		  max-height: 230px;

		}

    }





    /* Small Devices, Tablets */

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

		.navbar-brand {

		  float: left;

		  font-size: 18px;

		  height: 6px;

		  line-height: 20px;

		  padding: 0;

		}



		.navbar-brand > img {

		  height: 50px;

		  padding: 2px;

		}

		.navbar-right {

		  float: right;

		  margin-right: -10px;

		}

		.navbar-inverse .navbar-nav > li > a {

		  color: #ffffff;

		  font-family: Arial;

		  font-size: 10px;

		  font-weight:0;

		  padding-top: 12px;

		}

		

		.navbar-collapse > ul > li > .dropdown-menu > li > a {

		  color: #ffffff;

		  font-family: Arial;

		  font-size: 12px;

		  font-weight: 700;

		  padding: 12px;

		  text-transform: uppercase;

		}

		.navbar-collapse > ul > li > .dropdown-menu > li > a:hover {

		  color: #ffffff;

		  font-family: Arial;

		  font-size: 12px;

		  font-weight: 700;

		  padding: 12px;

		  text-transform: uppercase;

		}

		.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {

		  height: 550px;

		  margin: auto;

		  width: 100%;

		}

		

				

		#services {

		  height: auto;

		  padding-bottom: 25px;

		}

		

		.circle {

			margin: 15px 25px 10px;

		}

		

		.circle:hover{

			margin: 15px 25px 10px;

		}

		

		.ex_photo {

			width:100%;

			background: #ed0b31;

			float:none;

			border-right:0;

			-ms-transform:0;

			-webkit-transform:0;

			transform:0;

			padding:0;

		}

		.ex_photo > img {

		  background: #ed0b31 none repeat scroll 0 0;

		  transform: skewX(20deg);

		  margin: 0;

		  padding: 20px 117px;

		}

		.ex_info {

			width:100%;

			float: left;

			position: relative;

		}

		

		.profile .box1 {

			padding-top: 0px;

			width: 98px;

			margin: 42px;

			height: 88px;

		}

		.container .gallery a img {

		  height: 220px;

		}

		.btn {

		  margin-bottom: 15px;

		}



		.stall img {

		  border-radius: 6px;

		  cursor: pointer;

		  height: 280px;

		  width: 100%;

		}



		#team {

		  height: auto;

		}



		.team-img img {

		  width: 100%;

		}



		#about-us h2 {

		  color: rgba(236, 0, 39, 0.79);

		  font-family: "Tauri",sans-serif;

		  font-size: 1.929em;

		  font-weight: 700;

		  line-height: 28px;

		  margin: 5px;

		}



		#about-us .caption {

		  font-family: "Roboto",sans-serif;

		  font-size: 16px;

		  margin: auto;

		  padding: 5px;

		  text-align: justify;

		}



		#about h1 {

		  padding-top: 92px;

		}



		#portfolio {

		  background: #dadbde none repeat scroll 0 0;

		  padding-bottom: 20px;

		}



		.heading-title {

  			margin-bottom: 20px;

		}



		.gird figure figcaption {

			margin-top: -35px;

		}



    }



    /* Extra Small Devices, Phones */ 

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

		.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {

		  margin-top: 10px;

		  max-height: 450px;

		  width: 100%;

		}

		.navbar-right {

			float:none;

			margin-right:0;

		}

		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

		  margin-left:0;

		}

		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

			margin-left: -15px;

			margin-top: 0px;

		}

		.navbar-right {

			float: right !important;

			margin-top: 0px;

		}

		.navbar-brand > img {

		  height: 50px;

		  padding: 1px;

		}

		.navbar-inverse .navbar-nav > li > a {

		  font-size: 14px;

		  padding-top:10px;

		}

		

		.navbar-inverse .navbar-nav > li > a:hover {

		  font-size: 14px;

		  padding-top:10px;

		}

		

		.navbar-collapse {

		  border-top:0;

		  float: right;

		  background:#262626;

		}

		.control-round .carousel-control {

		  top: 50%;

		}

		

		.carousel-showmanymoveone .carousel-control .left,.carousel-showmanymoveone .carousel-control .right{

		  margin-left: 14px;

		  margin-top: -25px;

		}

		.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {

		  height:360px;

		  margin: auto;

		  width: 100%;

		}

		

		#services{

			height:auto;

		}

		.circle {

		  margin: 15px 35px 10px;

		}

		

		.circle:hover {

		  margin:15px 35px 10px;

		}

		

		.ex_photo {

		  background: #ed0b31 none repeat scroll 0 0;

		  border-right:0;

		  float: left;

		  transform:0;

		  -ms-transform:0;

		-webkit-transform:0;

		  width:100%;

		}

		.ex_photo > img {

		  background: #ed0b31 none repeat scroll 0 0;

		  margin: 0;

		  padding:0;

		  transform: skewX(20deg);

		}

		

		.ex_info {

		  float: left;

		  position: relative;

		  width:100%;

		}

		.logofooter {

		  margin-bottom: 10px;

		  margin-left: 40px;

		}

		#exhibition-info {

		  padding: 30px 0;

		}

		.stall img {

		  height: 240px;

		  width: 100%;

		}



		.stall-2 img {

		  height: 300px;

		  width: 100%;

		}

		.info_header {

			padding-top:0;

		}

		.info_post {

		  padding:0;

		  margin: 10px;

		}

		

		.profile p {

			font-size: 18px;

			margin-left: -13px;

		}

		.profile .box1 {

		  height: auto;

		  margin: 0;

		  padding-top: 47px;

		  width: auto;

		}

		.profile .box2 {

		  margin: 0 40px 0 0;

		  width: 65px;

		}

		

		.footer-col {

		  margin: 25px;

		}

		

		.social-icon {

		  margin-bottom: 15px;

		}

		.container .gallery a img {

		  height: 100px;

		}

		

		#contact-header h1 {

		  font-size: 56px;

		}

		

		#contact {

		  height: auto;

		}

		.btn {

		  margin-bottom: 15px;

		}



		.wrap button{

			margin-left:0px;

		}



		.carousel-showmanymoveone .carousel-control.left {

		  margin-top: -20px;

		  margin-left:0; 

		}

		.carousel-showmanymoveone .carousel-control.right {

		  margin-top: -20px;

		  margin-right: 0; 

		}



		#team {

		  height: auto;

		}



		.team-img img {

		  width: 100%;

		}



		#fade-quote-carousel blockquote {

		  height: auto;

		}



		#career-info {

		  margin: 15px;

		}

		#registration .form-control {

			width: 100%

		}

		.services-1 img {

		  margin-left: 25%;

		  margin-top:0;

		}

		#exhibition-top h1 {

		  font-size: 44px;

		}



		#gallery h1 {

		  font-size: 54px;

		  padding-top: 80px;

		}

		.stall {

  			margin: 0;

		}



		.stall h4 {

		  font-size: 29px;

		  margin: -56px 0 40px;

		  padding: 10px;

		}



		#portfolio-top {

		  height: 280px;

		}



		#portfolio-top h1 {

		  font-size: 44px;

		  padding-top: 125px;

		}



		#portfolio-info {

  			margin: 10px 0;

		}



		#portfolio-info h4 {

		  line-height: 32px;

		  margin: 0;

		  padding: 0;



		}



		#contact-header h1 {

		  font-size: 56px;

		  padding-top: 88px;

		}

		

		#services-top h1 {

			font-size: 42px;

			line-height: 45px;

			padding-top: 80px;

		}

		.ei-content {

			position: relative;

			float: left;

			width: 197px;

			height: 80px;

			margin-left: 40px;

			margin-top: 10px;

		}

		

    }



    /* Custom, iPhone Retina */ 

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

		.circle {

		  margin: 15px 15px 10px;

		}

		.circle:hover {

		  margin:15px 15px 10px;

		}

		

		.profile p:nth-child(1){

			margin: 0 -22px 10px;

		}

		

		

		#contact {

		  height: auto;

		}

		.btn {

		  margin-bottom: 15px;

		}

		

		.container .gallery a img {

		  height: 100px;

		}

    }