/* 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: 750px;
	}

	.dropdown i{
		
	}

}

/* 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){

	#home{
		    padding-top: 55px;
	}
.portfolio{
	padding-top: 10px;
}
.mobile{
	display: block;
	    text-align: center;
}
.desktop{
	display: none;
}
.ts-padding p {
    padding: 1em;
}

.footer-widget{
	margin-top: 1em;
}
.gap-40{
	height: 0px !important;
}
.about1 {
    background: #f5f5f5;
    margin-top: 20px;
    padding: 16px 0px;
}
.about1 h3{
	font-size: 18px !important;

}
.video h3{
		font-size: 22px !important;
}
#main-container h3{
	font-size: 22px !important;
}
.abounew{
	padding-bottom: 0px !important;
}
.footer{
	    padding: 10px 0 22px;
}
#banner-area img{
	margin-top: 4em;
}
.banner-title-content {
    position: absolute;
    top: 0% !important;
    width: 100%;
    height: 100%;
}
.slide1 .banner-title-content {
	   top: 2% !important;
	}
	.slide1 .texttitle2{
		    margin-top: 0% !important;
	}
.texttitle2{
	margin-top: 30px !important;
	font-size: 20px !important;
}
#main-container{
	padding-top: 1px;
	padding-bottom: 0px !important;
}
.portfolio-static-desc{
	padding-left: 1em;
}
.about-message h3{
	text-align: center;
}
	/* 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: 17px !important;
		    line-height: 8px;
	}
h2 small, .h2 small {
    font-size: 9px;
}
.footer-widget img{
	height: auto !important;
}
.texttitle3 {
    line-height: 0px !important;
    margin: 0px !important;
    margin-top: 15px !IMPORTANT;
    color: #000 !important;
    font-weight: bold;
}
.texttitle3 small {
    font-size: 14px !important;
    text-transform: capitalize;
    color: #fff;
    font-weight: bold;
    color: #000;
    line-height: 37px !IMPORTANT;
}
.slide2 .texttitle3 small {
    font-size: 14px !important;
    text-transform: capitalize;
    color: #fff;
    font-weight: bold;
    color: #000;
    line-height: 0px !IMPORTANT;
}
.slide2 .banner-title-content{
	margin-top: 3em;
}
.newslide3 .banner-title-content{
	left: 0% !important;
}
.slide2 .texttitle2{
	line-height: 20px !important;
}
.icon img{
	    text-align: center;
    margin: 0 auto;
}
.icon h3 {
    font-size: 21px;
    text-transform: capitalize;
    text-align: center;
}
.carousel-indicators{
	bottom:0px;
}
.texttitle{
	font-family: Demo_ConeriaScript !important;
	text-transform: capitalize;
	font-size: 22px !important;
	margin-top: 30px;
}
.tech h3{
	font-size:18px !important;
}
.tech h4{
	font-size:14px !important;
}
.contact-info li {
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 800;
    list-style: none;
    text-align: center;
} 
	/* Logo */
	.navbar-brand.navbar-bg{
		height: 50px;
  		line-height: 50px;
  		width: auto;
	}
	.navbar-brand.navbar-bg img{
		background-size: contain;
		width: 225px;
		padding: 0px !important;
	}
.countries {
    padding: 10px 0px 0px 0px;
}
.service {
    padding-top: 0px !important;
        padding-bottom: 0px !important;
}
.service h3{
	font-size: 20px !important;
}
.flags img{
	text-align: center;
    margin: 0 auto;
}
.contact-info img{
	text-align: center;
    margin: 0 auto;
}
.angle:before {
    background: #fff;
    content: "";
    height: 32px;
    top: -55px;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-transform: skew(0deg,2deg);
    -moz-transform: skew(0deg,2deg);
    -ms-transform: skewX(0deg) skewY(2deg);
    -o-transform: skew(0deg,2deg);
    transform: skew(0deg,2deg);
}
	/* 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: 18px;
		line-height: normal;
	}
	#main-slide .slider-content h3{
		font-size: 12px;
		line-height: normal;
		margin: 0;
	}

	.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: 15px;
	}

	.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: 15px;
	}

	#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)  {



}