/*------------------------------------------*/
/*	       Max Width "1366px"
/*------------------------------------------*/
@media(max-width:1366px) {
p.para{ line-height:25px; font-size:15px;}
.about-heading h3{ font-size:18px;}
.container-intro{ margin:0 auto;width:100%;}
}

/*------------------------------------------*/
/*	       Max Width "1024px"
/*------------------------------------------*/

@media(max-width:1024px) {
img.img-circle.team-img{ width:200px; height:200px;}
.about-pic img{ width:100%; margin:0 auto; text-align:center;}
.join-us .carousel h1{ font-size:35px;}
.feature-content img{ margin-top:45px;}
.section-title h2, .section-title.center h2{ font-size:35px}
}

/*------------------------------------------*/
/*	       Max Width "980px"
/*------------------------------------------*/

@media (max-width: 980px) {
.container{ width:100%;}
.navbar-toggle{color:#34495e;font-size:21px;}
.feature-content img{ margin-top:55px;}
.demo-head{ display:none;}
#main-centent-ii{ padding:0px 0 70px 0; }
.navbar-nav > li > a{ font-size:13px;}
.header-text h1{ font-size:30px;}
}

/*------------------------------------------*/
/*	       Max Width "900px"
/*------------------------------------------*/

@media (max-width:900px) {
.navbar-header{ text-align:center; float:none}
.navbar-brand{ display:inline-block; float:none; text-align:center;}
.navbar-right{ float:none; width:100%; text-align:center; }
.navbar-nav{ float:none;}
.navbar-nav > li{ display:inline-block; float:none; text-align:center;}
.navbar-nav > li > a{ padding:13px 12px;} 
.feature-box{ margin-bottom: -15px;}
.feature-content img{ margin-top:0px; background-image:none; display:none; margin:0px; padding:0px;}
.feature-icon-left-more .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more .feature-icon i.fa { float: left;  }
.feature-icon-left-more-app .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more-app .feature-icon i.fa { float:left; font-size:28px; color:#34495e; margin:50px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #34495e; }
.navbar-nav > li > a{ font-size:9px;}
.intro-heading{ font-size:25px;}
.log_in_logo img {} .log_in_box { width:100%;}
.data table td, .data table th{ padding:10px;}
.btn-t{ padding:2px;  font-size:12px; display:block;}
.data table th{ font-size:12px;}

}
/*------------------------------------------*/
/*	       Max Width "768px"
/*------------------------------------------*/
@media (max-width: 768px) {
.navbar-nav > li > a{  font-size:12px; }
.section-title h2, .section-title.center h2{ font-size:35px; line-height: normal;}
.main-para{ font-size:25px;}
.feature-content img{ margin-top:0px; background-image:none; display:none; margin:0px; padding:0px;}
.feature-box{ margin-bottom:15px; margin-top:-16px}
.top-btn-c{ font-size:20px; margin-bottom:25px;}
.join-us .carousel h1, .offer p{ font-size:30px;}
.nav-tabs > li > a{  font-size:15px; padding:20px;  width:100%;}
 .accordion-inner h4 {   margin-top: 10px;}
.tab-wrap .media .pull-left{  clear: both; width: 100%; }
.tab-wrap .media .media-body{  clear: both; }
.nav-tabs > li.active > a:after{  display: none; }
.parrent pull-left{ width:100%;}
.header .intro-text .intro-heading{ font-size:25px;}
.feature-icon-left-more-app .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more-app .feature-icon i.fa { float:left; font-size:28px; color:#34495e; margin:50px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #34495e; }
.about-img-bus-p{ margin:40px 0 0 0;}
.about-img-bus-f{  margin:40px 0 0 0;}
.about-cor-a{ height:500px;}
.about-cor-b{ height:500px}
.about-ag-a{ height:500px;}
.about-ag-b{ height:500px;}
.about-img-bus-w{ height:650px;}
.about-img-bus-p{ height:650px;}
.about-img-bus-f{ height:650px;}
.about-ag-a{ height:510px;}
.about-ag-b{ height:510px;}
.about-ma-a{height:510px;}
.about-text-bus{ padding-bottom:60px;}
.intro-text .intro-heading{ font-size:30px;}
.o-demos{ font-size:30px;}
.intro-heading-s{ font-size:18px;}
.intro-text .intro-lead-in{ font-size:13px;}
#intro-bg{ padding:120px 0 150px 0;}
#more-demos{ padding:60px 0 60px 0;}
header .intro-text .intro-heading {font-size:35px;}
.feature-icon-left-more .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more .feature-icon i.fa { float: left;  }
.list-demos{ font-size:13px;}
.skill{ width:100%;}
p.para{ font-size:14px;margin: 10px;}
.about-heading{ margin-top:1px;}
.feature-box h4{ font-size:18px;}
#awesome-features{ padding:70px 0 70px 0;}
#Portfolio{ padding:70px 0 70px 0;}
#services-icon{padding:70px 0 70px 0;}
#Pricing{padding:70px 0 70px 0;}
#testimonials{padding:70px 0 70px 0;}
#blog{padding:0px 0 70px 0;}
/*#services{padding: 0;}*/
#awesome-features-y{padding:70px 0 70px 0;}
.para-tex{ font-size:16px;}
.clients-name{ font-size:22px;}
#awesome-features-freelancer{padding:70px 0 70px 0;}
#resume{padding:70px 0 70px 0;}
#contact{padding:70px 0 70px 0;}
#mobile-apps{padding:70px 0 70px 0;}
/*#awesome-features-app{padding:70px 0 70px 0;}*/
#apps-screen{padding:70px 0 70px 0;}
#Pricing-app{padding:70px 0 70px 0;}
#client{padding:70px 0 70px 0;}
#team{padding:70px 0 70px 0;}
#design{padding:70px 0 70px 0;}
/*#services-box{padding:70px 0 70px 0;}*/
/*.startup{padding:0px 0 70px 0;}*/
/*.join-us{padding:70px 0 70px 0;}*/
#skills{padding:70px 0 70px 0;}
#design { padding:70px 0 70px 0; }
#tab{ padding:0px 0 70px 0; }
.Demo{padding:70px 0 70px 0;}
.timeline .timeline-heading h4 { margin-top: 0; text-transform: capitalize; font-size:15px; line-height:25px; }
.email h2{ font-size:20px;}
.phone h2 { font-size:20px;}
.money h2{ font-size:20px;}
.pricing-area h1{ font-size:18px;}
.pricing-area h1 span{font-size:18px;}
.achivement-box h4{ font-size:12px;}
#mobile-apps h2{ font-size:35px;}
.btn-intro{ font-size:16px; max-width:220px;}
.about-cor{ padding:2px;}
.about-text{padding:2px;}
.services-icon-wrap{ padding:10px;}
.services-icon-wrap h3{ font-size:16px;}
.navbar-nav > li > a{ font-size:9px;}
footer h5{ padding:5px;  margin:20px 0 0 0;}
footer .subscribe_now form{ margin-left:20px;}
.newsletter-content .button{ font-size:12px;}
.iphone{padding:20px;}
.playstore{padding:20px;}
.windows{padding:20px;}
.uberx-banner{
    display: none;
}
.ceo.img-responsive.common{
   display: none;
}
.app-slide.uber-x{
    padding:0 0 20px 0;
}
.btn-download-app.text-center.banner{
    margin-bottom: 10px;
}
.section-title.center{
    /*padding:30px 0 0;*/
}
a.btn-download-app.text-center {
    margin-bottom: 10px;
}
.footer-btn{
    text-align: center;
}
.foot_one .top-btn-text {
    font-size: 15px;
}
.footer-txt{
    padding:9px;
}
.text-con-video iframe {
    width: -webkit-fill-available;
}
}

/*------------------------------------------*/
/*	       Max Width "767px"
/*------------------------------------------*/
@media (max-width: 767px) {
.navbar-brand{ display:block; margin-left:25px; }
.dropdown:hover.dropdown:focus .dropdown-menu { display:block; -webkit-animation: fadeInUp 400ms;  animation: fadeInUp 400ms;width:100%;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:0px; margin-right:0px;}
.navbar-collapse{ margin-right:0px; margin-left:0px; background:#34495e;}
.dropdown-menu > li > a{ width:100%;}
.navbar-nav > li{ display:block;}
.navbar-nav > li > a{ font-size:9px;}
}

/*------------------------------------------*/
/*	       Max Width "480px"
/*------------------------------------------*/
@media (max-width: 480px) {
#rotate-services{ padding:30px 0 30px 0;}
.top-btn-text{ font-size:15px;}
.btn-download-w{ padding:12px 15px; font-size:15px; }
.about-ag-a{ height:300px;}
.navbar-custom{ padding:18px 3px;}
#banner {
    height: auto;
    width: 100%;
    padding-bottom:0px;
    top: 0px;
    left: 0px;
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    animation: awan-animasi 50s linear infinite;
    -ms-animation: awan-animasi 50s linear infinite;
    -moz-animation: awan-animasi 50s linear infinite;
    -webkit-animation: awan-animasi 50s linear infinite;
    position: relative;
    overflow: hidden;
    display: block;
}
.bitcoin-sec{
	padding-top: 0px;
}
#banner .list-app.home h1{
	margin-bottom: 0px;
    margin-top: 120px;
    font-size: 30px;
}
.home p.white{
	font-size: 13px;
}
#banner svg {
    height: 30% !important;
}

.btn-download{ max-width:200px; font-size:16px;}
.btn-get{ font-size:16px ;max-width:200px;}
.about-ag-b{ height:300px;}
#main-centent { padding:45px 0 45px 0;}
.main-para{ font-size:20px;}
.list-demos{ font-size:14px; line-height:25px;}
.join-us .carousel h1, .offer p{ font-size:35px;}
.para-tex{ font-size:14px;}
.clients-name{ font-size:18px;}
.about-img-bus-w{height:300px;}
.about-img-bus-p{height:300px; margin:40px 0 0 0;}
.about-img-bus-f{ height:300px; margin:40px 0 0 0;}
.about-ma-a{height:300px;}
.feature-icon-left-more .feature-icon i.fa { float: left;  }
.main-area h1{ font-size:16px; line-height:25px;}
.about-ma-a{ height:300px;}
.feature-content{ background-image:none;}
.feature-icon-left-more .feature-content {
    padding-left: 0px;
    padding-bottom: 20px;
    padding-top: 35px;
    text-align: right;
    padding-right: 90px;
}
.btn-download-black{ width:170px;}
.section-title.freelancer h2{ font-size:30px; width:270px;}
.feature-icon-left-more-app .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more-app .feature-icon i.fa { float:left; font-size:28px; color:#34495e; margin:50px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #34495e; }
.join-us-app h1{ font-size:40px;}
.about-cor-a{ height:300px;}
.about-cor-b{ height:300px}
#services h2{ font-size:30px;}
.intro-text .intro-heading{ font-size:30px;}
.o-demos{ font-size:30px;}
.intro-heading-s{ font-size:18px;}
.intro-text .intro-lead-in{ font-size:13px;}
#intro-bg{ padding:120px 0 150px 0;}
header .intro-text .intro-heading {font-size:30px;}
.iphone h3{ font-size:15px;}
.playstore h3{ font-size:15px;}
.windows h3{ font-size:15px;}
.iphone h2{ font-size:22px;}
.playstore h2{ font-size:22px;}
.windows h2{ font-size:22	px;}
.join-us-app h1{ font-size:30px;}
.join-us .carousel h1, .offer p{font-size:30px;}
.feature-icon-left-more-y .feature-icon-y i.fa{ margin:70px 20px 0 10px;}
.box-sec .main-para {
    font-size: 30px;
    margin: 0;
}
.lead-controls p{
	margin-top:26px;
	line-height: 25px;
	text-align: justify;
}
.about-us-img{
	width: 100%;
}
.top-sticky a.btn-small{
	right: 0px;
	/*padding:10px 7px 10px 8px;*/
}
.boxs.first.why-a{
	margin:0 !important;
}
.boxs.second.why-a{
	margin:0 !important;

}
.boxs.third.why-a{
	margin:0 !important;

}
.testimonial-sec{
	/*padding: 0 !important;*/
}
#client{
	background-repeat: no-repeat;
	background-size: cover;
}
}

/*------------------------------------------*/
/*	       Max Width "360px"
/*------------------------------------------*/

@media (max-width: 360px) {
.about-cor-a{ height:250px;}
.about-cor-b{ height:250px}
.navbar-collapse.in{ overflow: auto;}
.join-us .ceo{ height:450px;}
/*450*/
.join-us .ceo2{ height:250px;}
.join-us .ceo3 { height:250px;}
.btn-get{ font-size:16px ;max-width:200px; margin-left:0px; margin-top:0px;}
}

/*------------------------------------------*/
/*	       Max Width "320px"
/*------------------------------------------*/

@media (max-width: 320px) {
.about-cor-a{ height:250px;}
.about-cor-b{ height:250px}
}

/*------------------------------------------*/
/*	       Min Width "768px"
/*------------------------------------------*/



/*------------------------------------------*/
/*	       Min Width "768px"
/*------------------------------------------*/

@media(min-width:768px) {
	 
.navbar-custom-i {padding:14px 30px;border-bottom: 0;border-top:3px solid #0bbae0;background:#333;}	 
.navbar-custom {padding:15px 30px; position:fixed; border-bottom: 0;background:#fff;-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out; border-top:5px solid #e74c3c;
-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out;}
.navbar-custom.top-nav-collapse {background: #fff;box-shadow:0 0 5px #b3b3b3;padding:15px 30px;}
.navbar-custom .navbar-brand {margin-top:6px;background: url(../img/logo-in.webp) no-repeat;width:175px;height:39px;}
.navbar-custom.top-nav-collapse .navbar-brand {
margin-top:11px;background: url(../img/logo-in.webp) no-repeat;width:175px;height:39px;}
.navbar-custom .navbar-brand .navbar-toggle li a:active {outline: 0;color:#0592f4;border-bottom:5px solid #ffffff;}
.navbar-custom.top-nav-collapse .navbar-brand .navbar-toggle li a:active {outline: 0;color:#0592f4;border-bottom:5px solid #ffffff;}
.navbar-custom.top-nav-collapse a {color:#34495e}
.top-nav-collapse.btn-donate a { color:#fff !important;}
.navbar-toggle {background: #e74c3c none repeat scroll 0 0;border: 1px solid transparent;border-radius:10px;
float: right;font-size: 20px;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 8px 22px;position: relative;}
.navbar-nav > li.active > a {color:#e74c3c; transition: all 300ms ease-in-out 0s;  border-bottom:1px solid #e74c3c;}
.navbar-nav.top-nav-collapse > li.active > a {color:#0bbae0;}
.video-iframe {top: 25px;left: 76px;width: 279px;height: 175px;}
	.modal-dialog{
		width:100%;
		max-width:960px;
		margin:50px auto;	
	}
.timeline:before {left: 50%;}
.timeline>li {margin-bottom: 100px;min-height: 100px;}
.timeline>li .timeline-panel {float: right;width:90%;padding: 30px 20px 20px 30px;text-align: left;background:#fff ;	border:1px solid #cfcfcf;}
.timeline>li .timeline-image {left:10px;width: 80px;height: 80px;top:-2px;}
.timeline>li .timeline-image h4 {margin-top: 26px;line-height: 16px;font-weight: 600; font-size:16px;}
.timeline>li.timeline-inverted>.timeline-panel {float: right;	padding: 30px 30px 20px 20px;text-align: left;}


.top-nav-collapse .border{
	display: none;
}
}