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

=            Bootstrap 3 Media Queries             =

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



	



	/* Large Devices, Wide Screens */

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



		.top-nav-social {

			margin-right: 0;

		}



		.navbar-brand {

			height: unset;

		}





	}







	/* Medium Devices, Desktops */

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



		.top-nav-contact li {

		    margin-right: 5px;

		}



		.icon-hover	{

			margin-bottom: 25px;

		}



		.what-we-do {

		    padding: 40px 50px 40px 30px;

		}



		.service h5{

		    margin-top: 10px;

		}



		.portfolio-caption {

		    padding: 54px;	

		}



		.our-team {

			margin-bottom: 60px;

		}



		.insta li {

		   width: 32%; 

		}



		.recent-posts img {

		   float: none;		

		}



		.recent-posts h6 {

		   margin: 5px 0;	

		}



		.carousel-control .angle-left,

		.carousel-control .angle-right {

		   top: 37%;	

		}



		.blog-list span .divider {

			padding: 0 5px;

		} 



		.list-slider .carousel-control .angle-left, 

	    .list-slider .carousel-control .angle-right {

	        top: 26%;

	    } 



	}







	/* Small Devices, Tablets */

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



		.carousel-cap {

			min-width: 0;

			width: 100%;

			padding-bottom: 16px;

		}		



		.carousel-heading {

			font-size: 44px;

			letter-spacing: 1px;

		}



		.carousel-btn {

		    padding-bottom: 15px;

		}



		.portfolio-caption {

		    padding: 25px;	

		}



		.top-nav-contact {

			margin-left: 0px;

		}

		

		.navbar-default .navbar-nav .open .dropdown-menu > li > a {

    		color: #fff;

    		border-bottom: transparent;

    		background-color: #082328;

		}



		.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 

		.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

		    color: #2ec5b6;

		    background-color: #082328;

		}



	}







	/* Extra Small Devices, Phones */ 

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



		.top-nav-contact li {

		    margin-right: 0;

		    margin-bottom: 5px;

		}



		.carousel-cap {

			display: none;

		}



		.carousel-heading {

			font-size: 22px;

			letter-spacing: 1px;

		}



		.carousel-btn {

			display: none;

		}



	    .carousel-indicators {

	    	display: none;

	    }



	    .abt-table {

	    	display: block;

	    }



	    .we-do-img {

	    	display: block;

	    	width: 100%;

	    }



	    .what-we-do {

		    padding: 45px 20px 45px 20px;

		}	



		.img-hide {

		    display: block;

		}	



		.portfolio-nav li a {

			display: block;

			float: left;

		}



		.list-inline > li {

		    padding-right: 2px;

		    padding-left: 2px;

		}



		.footer .menu li {

		    display: block;

		    margin: 10px auto;

		}



		.portfolio-caption {

		    padding: 20px;	

		}



		.link-button {

			margin-bottom: 60px;

		}



		.our-team {

			margin-bottom: 60px;

		}



		.blog-list span .divider {

			padding: 0 12px;

		}



		.list-slider .carousel-control .angle-left, 

		.carousel-control .angle-right {

		    top: 37%;

		}



		

	}







	/* Custom, iPhone Retina */ 

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



		.top-nav-contact li {

		    margin-right: 0;

		    margin-bottom: 5px;

		}

		.top-nav-social {

			margin-right: 0;

		}



		.icon-hover {

			margin-bottom: 60px;

		}



		.insta li {

		   dwidth: 23%; 

		}





	}





	/* css to collaps nav at 990px */

	@media (max-width: 990px) {



	    .navbar-header {

	        float: none;

	    }



	    .navbar-left,.navbar-right {

	        float: none !important;

	    }



	    .navbar-toggle {

	        display: block;

	    }



	    .navbar-collapse {

	        border-top: 1px solid transparent;

	        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

	    }



	    .navbar-fixed-top {

	        top: 0;

	        border-width: 0 0 1px;

	    }



	    .navbar-collapse.collapse {

	        display: none!important;

	    }



	    .navbar-nav {

	        float: none!important;

	        margin-top: 7.5px;

	    }



	    .navbar-nav>li {

	        float: none;

	    }



	    .navbar-nav>li>a {

	        padding-top: 10px;

	        padding-bottom: 10px;

	    }



	    .collapse.in{

	        display:block !important;

	    }



	   .navbar-nav .open .dropdown-menu {

	       position: static;

	       float: none;

	       width: auto;

	       margin-top: 0;

	       background-color: transparent;

	       border: 0;

	       -webkit-box-shadow: none;

	       box-shadow: none;

	    }









	}