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

=            Bootstrap 3 Media Queries             =

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



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



/* Custom, iPhone Retina */ 

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

 .h4-metalic{ font-size:20px; }   

}



/* Extra Small Devices, Phones */ 

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



}



/* Small Devices, Tablets */

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

	/* Make Navigation Toggle on Desktop Hover (use class: dropdown-hover) */

    .dropdown-hover:hover > .dropdown-menu {

        display: block;

    }

}



/* Medium Devices, Desktops */

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



}



/* Large Devices, Wide Screens */

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

	

}











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



/* Large Devices, Wide Screens */

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



	/* Featured box */

	.featured-box h2 {

		font-size: 70px;

	}



}



/* Medium Devices, Desktops */

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



	/* Prices */

	.price-box-featured .panel {

		box-shadow: none;

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

	}



	.prices .price-box-featured .panel-footer {

		box-shadow: none !important;

	}



	/* Featured box */

	.featured-box .get-started {

		margin-top: 40px;

		text-align: left;

	}



	/* Parallax background */

	.parallax {

		background-attachment: scroll !important;

		background-position: 50% 50% !important;

		/* background-size: auto auto !important; */

	}



	/* Text carousel intro section caption */

	#text-carousel-intro-section .caption {

		top: 50% !important; /* Removes parallax on caption */

	}

	#text-carousel-intro-section .caption h1 {

		font-size: 34px;

	}

	#text-carousel-intro-section .caption h3 {

		font-size: 12px;

	}



	/* Error section caption */

	#error-section .caption h1 {

		font-size: 100px;

	}

	#error-section .caption h2 {

		font-size: 13px;

	}



	/* Facts (counter up) */

	.counter-up .fact-inner .counter {

		font-size: 48px;

	}

	.counter-up .fact-inner .fa-3x {

		font-size: 36px;

	}



}



/* Small Devices, Tablets */

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



	/* Navbar brand */

	.navbar-brand, .navbar-brand:focus {

		margin-left: 10px;

	}



	/* Navbar toggle button */

	.navbar-toggle {

		margin-top: 18px;

		border: none;

	}

	.navbar-toggle:hover, .navbar-toggle:focus {

		background-color: rgba(0, 0, 0, 0) !important;

	}



	.navbar-toggle .icon-bar {

		height: 3px;

	}

	.navbar-default .navbar-toggle .icon-bar {

		background-color: #222 !important;

	}

	.navbar-transparent .navbar-toggle .icon-bar {

		background-color: #FFF !important;

	}

	.navbar-inverse .navbar-toggle .icon-bar {

		background-color: #FFF !important;

	}



	/* Navbar shrink toggle button */

	.navbar-shrink .navbar-toggle .icon-bar {

		background-color: #222 !important;

	}

	.navbar-inverse.navbar-shrink .navbar-toggle .icon-bar {

		background-color: #FFF !important;

	}



	/* Navbar collapse / links */

	.navbar-collapse {

		background-color: #FFF;

		border-color: #E83F33 !important;

		border-width: 2px;

	}

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

		max-height: 440px;

	}

	.navbar-inverse .navbar-collapse {

		background-color: #111;

	}

	.navbar-nav > li > a {

		padding: 10px 0 !important;

	}

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

		padding: 10px 10px 10px 45px !important;

	}

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

		color: #222;

	}

	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

		color: #CCC;

	}

	.navbar-default.navbar-shrink .navbar-nav > li.active > a {

		-webkit-box-shadow: none !important;

		-moz-box-shadow: none !important;

		box-shadow: none !important;

	}



	/* Page */

	.page {

		padding-top: 30px;

	}



	/* Prices */

	.prices .price-box-featured .panel-footer {

		box-shadow: none !important;

	}



	/* Featured box */

	.featured-box, .featured-box .get-started {

		text-align: center;

	}

	.featured-box h2 {

		font-size: 32px;

	}

	.featured-box .get-started {

		margin-top: 30px;

	}



	/* Trusted by */

	.trusted-by {

		text-align: center;

	}

	.trusted-by h4 {

		margin-bottom: 30px;

	}



	/* Tabs */ 

	.nav-tabs {

		border: none;

	}

	.nav-tabs > li, .nav-pills > li {

		float: none;

		text-align: center;

		margin-bottom: -1px;

	}

	.nav-tabs > li > a{

		margin-right: 0px;

	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

		background-color: #EEE;

		padding-top: 12px;

		padding-bottom: 10px;

		margin-top: 0px;

		border-bottom: 1px solid #DDD;

	}

	.nav-pills > li + li {

		margin-left: 0px;

	}

	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {

		margin-right: 0px;

	}

	.nav-pills > li.active > a:after {

		border: none;

	}

	.nav-tabs.nav-justified > li + li > a {

		margin-left: 0px;

	}

	.tab-content {

		margin-top: 4px;

	}



	/* Hiding elements */

	.testimonial:before,

	.owl-prev,

	.owl-next {

		display:none;

	}

	.owl-theme .owl-controls .owl-buttons div {

    position: absolute;

    width: 100px;

    height: 100px;

    line-height: 100px;

    margin:-76px -14px 0 -27px;

    text-align: center;

    background: transparent;

        background-image: none;

        background-repeat: repeat;

        background-position-x: 0%;

        background-position-y: 0%;

    opacity: 1;

}

.navbar-default.navbar-fixed-top.navbar-shrink .navbar-nav > li > a {

	padding-top: 24px;

	padding-bottom: 24px;

	color: #000;

}

.portfolio .modal-title {

    font-size: 40px;

    padding: 40px 0 !important;

    text-align: center;

}

.t-data{ top:120px !important;}

#video-intro-section {

	position: relative;

	background: transparent !important; 

}

.typed-element {

    line-height: 10px !important;

    font-size: 10px !important;

}

.home-ct{ text-align:left !important; font-size:13px !important;}

.content2{ text-align:left !important; font-size:14px;}



/* Extra Small Devices, Phones */ 

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



}



/* Custom, iPhone Retina */ 

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

    

}