/* Responsive styles

================================================== */



/* Large Devices, Wide Screens */

@media (min-width : 1200px) {



	/* Dropdown animation */

	.navbar-nav .dropdown-menu,

	.navbar-nav .dropdown.megamenu div.dropdown-menu{

		background: none;

		border: 0;

		box-shadow: none;

		display: block;

		opacity: 0;

		z-index:1;

		visibility:hidden;

		-webkit-transform: scale(.8);

		-moz-transform: scale(.8);

		-ms-transform: scale(.8);

		-o-transform: scale(.8);

		transform: scale(.8);

		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);

		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);

		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);

		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);

		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);

	}



	.navbar-nav .dropdown:hover div.dropdown-menu,

	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{

		opacity: 1;

		visibility:visible;

		color: #777;

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

	 }

	 .navbar-nav .dropdown-backdrop {

		visibility: hidden;

	}

	

}





/* Medium Devices, Desktops */

@media (min-width : 992px) {



	.flexslider .slides img,

	.ts-flex-slider .flexSlideshow{

		height: 550px;

	}



	.dropdown i{

		display: none;

	}



}



/* Small Devices, Tablets */

@media (min-width : 768px) and (max-width: 991px) {



	/* Dropdown animation */

	.navbar-nav .dropdown-menu,

	.navbar-nav .dropdown.megamenu div.dropdown-menu{

		background: none;

		border: 0;

		box-shadow: none;

		display: block;

		opacity: 0;

		z-index:1;

		visibility:hidden;

		-webkit-transform: scale(.8);

		-moz-transform: scale(.8);

		-ms-transform: scale(.8);

		-o-transform: scale(.8);

		transform: scale(.8);

		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);

		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);

		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);

		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);

		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);

	}



	.navbar-nav .dropdown:hover div.dropdown-menu,

	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{

		opacity: 1;

		visibility:visible;

		color: #777;

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

	 }

	 .navbar-nav .dropdown-backdrop {

		visibility: hidden;

	}





	/* Common */

	.parallax{

		padding: 60px 0;

	}



	/* Logo */

	.navbar-brand{

		width: auto;

	}



	.navbar-brand.navbar-bg{

		width: 25%;

	}



	.header2 .navbar-brand, .header3 .navbar-brand,

	.header4 .navbar-brand{

		padding-right: 0;

		padding-left: 0;

	}



	/* Navigation */

	ul.navbar-nav > li > a {

		padding: 21px 8px;

		font-size: 12px;

	}



	ul.navbar-nav > li:last-child a{

		padding-right: 8px;

	}



	/* Slideshow */



	#main-slide .slider-content h2{

		font-size: 36px;

	}

	#main-slide .slider-content h3{

		font-size: 22px;

		margin: 20px 0;

	}



	.slider.btn{

		padding: 5px 25px;

		margin-top: 5px;

		font-size: 16px;

	}



	#main-slide .carousel-indicators {

		bottom: 20px;

	}



	/* Cd Hero Slider */



	.cd-hero-slider .cd-btn{

		margin-top: 15px !important;

		font-size: 12px !important;

	}

	.cd-slider-nav ul li.video{

		display: none;

	}



	.cd-slider-nav{

		bottom: 40px !important;

	}



	/* Portfolio */



	.isotope-nav{

		margin: 0 auto 40px;

	}



	figure.effect-oscar figcaption{

		padding: 1.5em;

	}

	figure.effect-oscar figcaption::before{

		top: 15px;

		right: 15px;

		bottom: 15px;

		left: 15px;

	}

	figure.effect-oscar h3{

		margin-top: 0;

		font-size: 16px;

	}





	/* Feature */



	.feature-content h3,

	.feature-center-content h3{

		font-size: 14px;

		line-height: normal;

	}



	/* Featured tab */

	.featured-tab .tab-pane img{

		width: 45%;

	}



	.featured-tab .tab-pane i.big {

		font-size: 150px;

	}



	.featured-tab .tab-pane,

	.landing-tab .tab-pane{

		text-align: left;

	}



	/* Team */



	.team{

		padding-bottom: 50px;

	}



	/* Pricing */



	.plan{

		margin-bottom: 60px;

	}



	/* Testimonial */



	.testimonial-content{

		padding: 0 30px;

	}



	/* Recent post */

	.recent-post{

		padding-bottom: 40px;

	}



	/* Back to top */



	#back-to-top.affix {

		bottom: 35px;

	}



	/* Video block */



	.video-block-head{

		margin-top: 30px;

	}



	/* Call to action */



	.call-to-action .btn.btn-primary{

		font-size: 12px;

	}



	/*-- Landing ---*/



	.hero-text{

		width: 95%;

	}

	.hero-title{

		font-size: 36px;

	}

	.hero-buttons a.btn {

		padding: 10px 20px;

	}



	.app-gallery figure.effect-oscar a{

		margin-top: 105px;

	}



	/* Blog single */

	.blog-post{

		padding-bottom: 40px;

	}





}



/* Small Devices Potrait */

@media (max-width : 767px){



	.img-responsive{

		display: block;

    

    max-width: 60%;

	    float: left !important;

	}



.newbox{

height:80px; margin-top:63px; width:50%; margin-left:25%;

}

	/* Common */

	

	.parallax{

		padding: 60px 0;

	}

	.style-switch-button{

		display: none;

	}



	.heading{

		text-align: center;

	}



	.heading .title-icon{

		float: none !important;

		margin: 0 0 20px;

		display: inline-block;

	}



	h2.title{

		font-size: 28px;

		border-left: 0;

	}



	.title-desc{

		line-height: normal;

		padding: 6px 55px 0;

	}



	.btn.btn-primary{

		padding: 8px 22px;

	}



	h2{

		font-size: 28px;

	}



	/* Logo */

	.navbar-brand.navbar-bg{

		height: 50px;

  		line-height: 50px;

  		width: auto;

	}

	.navbar-brand.navbar-bg img{

		background-size: contain;

		width: 160px;

	}



	/* Navigation */

	ul.navbar-nav > li > a {

		padding: 21px 10px;

	}



	.navbar-collapse{

		background: #333333;

	}



	.navbar-collapse ul.navbar-nav > li > a{

		color: #fff;

	}



	.navbar-collapse ul.navbar-nav > li.active > a,

	.navbar-collapse ul.navbar-nav > li:hover > a{

		color: #ee3b24;

	}



	/* Slideshow */



	#main-slide .slider-content{

		margin-top: -35px;

	}



	#main-slide .slider-content h2{

		font-size: 16px;

		line-height: normal; padding-top:10px;

	}

	#main-slide .slider-content h3{

		font-size: 11px;

		line-height: normal;
		margin-top:-6px;

	}



	.slider.btn{

		display: none;

	}



	#main-slide .carousel-control{

		display: none;

	}



	#main-slide .carousel-indicators {

		bottom: 0;

	}





	/* About */



	.about{

		padding-top: 40px;

	}



	.about.angle:before{

		position: relative;

	}





	/* Service */



	.service-content{

		display: inline-block;

		margin-bottom: 30px;

	}



	/* Portfolio */



	.isotope-nav{

		margin: 0 auto 40px;

	}



	.isotope-nav ul li a{

		padding: 5px 10px;

		margin-bottom: 10px;

		display: inline-block;

	}



	figure.effect-oscar h3{

		margin-top: 25%;

	}



	#isotope .isotope-item .grid{

		padding-left: 10px;

		padding-right: 10px;

	}





	/* Image block */



	.img-block-right {

  		padding-right: 50px;

	}



	.img-block-head h2{

		font-size: 16px;

	}



	.img-block-head h3{

		font-size: 28px;

	}



	.image-block-content{

		padding: 0;

	}



	/* Featured tab */

	.featured-tab{

		padding: 0 30px;

	}



	.featured-tab .tab-pane i.big {

		font-size: 150px;

	}



	.featured-tab .tab-pane,

	.landing-tab .tab-pane{

		text-align: left;

		padding-left: 0;

		padding-top: 30px;

	}



	/* Facts */



	.facts{

		padding-bottom: 20px;

	}



	.facts-num span{

		font-size: 48px;

		margin-top: 20px;

	}



	.facts i {

		font-size: 32px;

	}



	/* Team */



	.team{

		padding-bottom: 50px;

	}



	/* Pricing */



	.plan{

		margin-bottom: 60px;

	}



	/* Testimonial */



	.testimonial-content{

		padding: 0 30px;

	}



	/* Recent post */

	.recent-post{

		padding-bottom: 40px;

	}



	/* Footer */



	.footer-widget{

		display: inline-block;

	}



	/* Copyright */

	.copyright-info{

		font-size: 13px;

	}



	#back-to-top{

		right: 20px;

	}

	#back-to-top.affix {

		bottom: 20px;

	}



	/* Call action */



	.call-to-action .btn.btn-primary{

		float: none !important;

		margin-top: 20px;

	}



	/*-- Landing ---*/



	.hero-section{

		padding-top: 90px;

	}



	.hero-text{

		width: 100%;

		padding-right: 0;

	}

	.hero-title{

		font-size: 36px;

	}

	.hero-buttons a.btn {

		padding: 10px 20px;

	}



	.app-gallery figure.effect-oscar a{

		margin-top: 105px;

	}



	.hero-images img{

		display: none;

	}



	.landing_facts .facts-num span {

		font-size: 48px;

		margin-top: 20px;

	}



	.landing_facts .facts i{

		font-size: 30px;

	}



	/* Blog single */

	.blog-post{

		padding-bottom: 40px;

	}





}



/* Extra Small Devices, Phones */ 

@media (max-width : 479px) {



	/* Slideshow */



	#main-slide .slides img{

		height: 230px;

	}



	#main-slide .item img{

		height: 250px;

	}



}



/* Custom, iPhone Retina */ 

@media (max-width : 320px) and (max-width: 478px)  {







}