/* Mobile */

@media (max-width: 992px) {
    #offcanvas {
        display: block
    }
    #navbar .menu {
        display: none
    }
    /* Offcanvas */
    .offcanvas-menu>* {
        display: none;
    }
    .offcanvas-menu>.offcanvas-hamburger {
        display: block;
        padding: 12px 0;
    }
    .ss-slideshow .ss-browse .nav-text {
        display: none !important;
    }
    #offcanvas ul ul {
        display: none;
    }
    #offcanvas ul li.opened>ul {
        display: block;
    }
    .ss-slideshow .ss-slide {
        min-height: 440px;
    }
    #home-top .offcanvas-hamburger {
        display: none;
    }
    #ss_part_widget-3 .ss-part-image {
        width: 45%;
    }
    #ss_parts_widget-2 .ss-parts-image {
        margin: 15px 0;
    }
    #ss_parts_widget-2 .ss-parts-single-part {
        font-size: 13px;
    }
    #ss_parts_widget-2 h2 {
        font-size: 12px;
    }
    #ss_parts_widget-3 .wrapper {
        min-height: 150px;
    }
    #home-top #navbar li {
        margin: 5px 15px;
    }
    #home-top #navbar #menu-header {
        padding: 15px 0;
    }
    /*navbar center*/
    #logo, #section-header-middle #navbar{
        float: none;
        text-align: center;
    }
    #mega-menu-wrap-top #mega-menu-top{
        padding: 0 0 10px 0;
    }
    #home-top #navbar-middle #menu-header{
        padding: 10px 0;
    }
    .home #ss_parts_widget-4 .row .col-md-4 {
        height: 130px;
    }
    #ss_parts_widget-2 .wrapper {
        padding-bottom: 115%;
    }
}

@media (max-width: 768px) {
    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
        padding: 0 5px;
    }
    /*#footer-bottom #navbar{
		display: none;
	}*/
	/*#footer-bottom #text-4{
		float: none;
		text-align: center;
	}*/

	#post-14 .container:first-child > .row:first-child > .col-md-3:first-child{
		padding: 0;
	}
	/* Footer Hamburger*/
	#footer-bottom #navbar{
		float: left;
    	margin-left: 13px
	}

	.home section#fitur:before, .home div#support:before {
		margin-top: -200px;
    	height: 200px;
	}
	.home section#bussiness-types:before {
		margin-top: -200px;
    	height: 200px;
	}
    #post-286 .entry, #post-284 .entry{
        padding:40px 0;
    }
    .home #ss_parts_widget-2 .col-md-4:first-child,
    .home #ss_parts_widget-2 .col-md-4:nth-child(2),
    .home #ss_parts_widget-2 .col-md-4:nth-child(5),
    .home #ss_parts_widget-2 .col-md-4:nth-child(6){
        transform: translateX(-15px);
    }
    .home #ss_parts_widget-2 .col-md-4:nth-child(3),
    .home #ss_parts_widget-2 .col-md-4:nth-child(4),
    .home #ss_parts_widget-2 .col-md-4:nth-child(7),
    .home #ss_parts_widget-2 .col-md-4:last-child{
        transform: translateX(15px);
    }

    .home #ss_part_widget-3 .row h5, .home #ss_part_widget-3 .row h4, .home #ss_part_widget-3 .row p{
        transform: translateX(-15px);
    }

    .home #ss_part_widget-3 .row .ss-part-image{
        transform: translateX(15px);
    }
}
@media(max-width: 767px){
	.page-id-14 .lihat-harga{
		display: block;
	}
	#post-14 .container:first-child > .row:not(:first-child){
		display: none;
	}
}
@media(max-width: 732px){
    .home #ss_parts_widget-4 .row .col-md-4 {
        height: 150px;
    }
}
@media(max-width: 710px){
    #ss_parts_widget-2 .wrapper {
        padding-bottom: 125%;
    }
}
@media(min-width: 637px){
	.page-id-16 .gform_wrapper {
    	margin: 16px 30px;
	}
}
@media (max-width: 736px){
	#feature-utama .tab-content {
    	text-align: center;
	}
	.home .carousel {
    	min-height: 350px;
	}

	.want-know-more .items {
        padding: 0 15px 15px;
    }
    .col-sm-4.box {
    	padding: 5px 18px 15px;
	}
	.page-id-290 #page-header{
		margin-left: 0px;
	}
	#post-286 .entry, #post-284 .entry{
		padding: 40px 0px;
	}

}
@media (max-width: 736px) and (min-width:640px)and (orientation:landscape){
	.home section#fitur:before, .home div#support:before {
		margin-top: -200px;
    	height: 200px;
	}
	.home section#bussiness-types:before {
		margin-top: -200px;
    	height: 200px;
	}
}
@media(max-width: 710px){
    .home .carousel {
        margin-top: 0;
    }
}
@media(max-width: 667px) and (orientation:landscape){
	.page-id-16 .gform_wrapper {
    	margin: 16px 15px;
	}
	#logo{
		margin: 0;
	}
}
@media (max-width: 667px){
	.page-id-290 #page-header {
    	margin-left: 0px;
	}
	/*Business Type 3 column*/
	#ss_parts_widget-2 .ss-parts-single-part {
        width: 33.3%;
    }
    /*end of business type*/
    /*Business Type Inner Padding*/
	#ss_parts_widget-2 .wrapper>div {
    	padding-left: 5px;
    	padding-right: 5px;
	}
	/*end of business type padding*/
    #ss_parts_widget-2 .wrapper {
        padding-bottom: 100%;
    }

}
@media (max-width: 610px) {
    #ss_parts_widget-2 img{
        margin-top: 10px;
    }
    #ss_parts_widget-2 .wrapper {
        padding-bottom: 102%;
    }
    .page-template-template_contact_us #navbar {display:none; }
    .home #ss_parts_widget-4 .wrapper > p.desc {
        display: block;
    }
    .home #ss_parts_widget-4 .row .col-md-4 {
        /* display: table-row; */
        height: inherit;
    }
    .home-top-navbar-fixed #home-top #navbar-middle .inner{
        position: static;
    }
    aside#text-5 {
        width: 16%;
    }
    #ss_part_widget-3 .ss-part-image {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    #ss_part_widget-4 .row>aside {
        width: 50%;
        float: left;
    }

    #ss_parts_widget-3 .ss-parts-single-part, #ss_parts_widget-4 .ss-parts-single-part {
        width: 100%;
        margin-bottom: 15px;
    }
    #section-footer-bottom .offcanvas-hamburger {
        /*float: left;*/
    }
    #mega-menu-wrap-top .mega-menu-toggle {
        background: #0f68b3;
    }
    #header-middle #navbar {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open+#mega-menu-top {
        background: #f7f7f7;
    }
    #home-top #navbar .inner, #section-header-middle .inner {
        position: relative !important;
        top: auto !important;
        z-index: 0 !important;
    }
    /* Single Tour */
    .hero-header .page-content .btn {
        display: block;
        text-align: center;
        margin: 10px auto;
    }
    .single-tour .content-container h3 {
        line-height: 1.8;
        padding-left: 29px;
    }
    .single-tour .content-container h3:before {
        position: absolute;
        left: 5px;
    }
    .single-tour .section-s-1 .section-left, .single-tour .section-s-2 .section-left, .single-tour .section-s-3 .section-left, .single-tour .section-s-4 .section-left, .single-tour .section-nd-5 .section-s-5 .section-left {
        padding: 0;
    }
    .single-tour .section-nd-1 {
        padding-top: 0;
    }
    .single-tour .section-s-1 .section-left .wrap, .single-tour .section-s-2 .section-left .wrap, .single-tour .section-s-3 .section-left .wrap, .single-tour .section-s-4 .section-left .wrap, .single-tour .section-nd-5 .section-s-5 .section-left .wrap {
        width: 100%;
        position: relative;
    }
    .single-exampleection-s-4 .section-right, .section-s-1 .section-right {
        padding-left: 15px;
    }
    .single-exampleection-s-2 .section-left .wrap, .single-tour .section-s-3 .section-left .wrap, .single-tour .section-nd-5 .section-s-5 .section-right {
        padding-right: 15px;
    }
    .single-tour .section-nd-4, .single-tour .section-nd-5 {
        padding: 0;
        min-height: auto;
    }
    .single-tour .section-nd-4 .section-right {
        padding: 30px 45px;
    }
    .single-tour .section-nd-5 .section-s-5 .section-right {
        padding: 30px 45px;
        overflow: hidden;
    }
    .tour-addon-description {
        margin-bottom: 30px;
    }

    .ss-pagination .next-link {
        width: 100%;
        position: relative;
        height: 100px;
    }
    .single-tour .ss-pagination .next-content {
        position: relative;
        height: 200px;
        width: 100%;
    }
    .ss-pagination {
        height: 100%;
    }
    /*End of single tour*/
    /*Single Example */
    .hero-header {
        padding-bottom: 40px;
    }
    .hero-header .title-wrap {
        text-align: center;
    }
    .hero-header .page-title {
        margin: 15px 0;
    }
    .single-example .tour-section-title {
        margin: 20px 0;
    }
    .single-example .ss-pagination .wrap img {
        max-width: 100%;
    }
    .single-example .ss-pagination .next-content {
        position: relative;
        height: 300px;
        width: 100%;
    }
    .single-example .area-5 .section-s-5 .section-left, .single-example .area-5 .section-s-5 .section-right {
        padding: 0;
    }
    /*Hero on page*/
    #section-page-header, #section-page-header .page-content {
        padding: 0;
    }
    #section-page-header .page-content .btn {
        margin: 10px auto;
        display: block;
        text-align: center;
    }
    /*Examples page */
    .section-s-5 .section-left, .section-s-5 .section-right {
        padding: 0;
    }
    .section-s-5 {
        padding-bottom: 0;
    }
    p:empty {
        display: none;
    }
}
@media (max-width: 640px) and (min-width: 600px){
	#footer-mail{
		font-size: 12px;
	}
}
@media (max-width: 600px){
    .home-top-navbar-fixed #home-top #navbar-middle .inner{
        position: static;
    }
	/*Full header*/
	#header .container{
		padding: 0;
	}
	#header-middle #navbar{
		margin-top: 0;
		margin-bottom: 0;
	}
	#section-header-middle{
		min-height: inherit!important;
	}
	#section-header-middle #logo{
		float: none;
		text-align: center;
	}
	/*end of full header*/
	/*Testimonial height*/
	.home .carousel {
    	min-height: 370px;
	}
	/*end of testimonial height*/
	.home #ss_parts_widget-4 h4 {
    	margin-left: 5px;
	}
	.home #ss_part_widget-10 h2 {
		padding: 0 15px;
	}
	#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
    	padding: 0 15px;
	}
	.home section#fitur:before {
		margin-top: -45px;
    	height: 45px;
	}
	.home #testimonial{
		margin-top: -40px;
		height: 40px;
	}
	.home section#bussiness-types:before {
		margin-top: -35px;
    	height: 35px;
	}
}
@media (max-width: 568px) and (orientation:landscape){
	#ss_parts_widget-2 .wrapper {
    	padding-bottom: 105%;
	}
	#footer-mail{
		font-size: 11px;
	}
	.home #ss_parts_widget-4 h4 {
    	margin-left: 0px;
    	font-size: 17px;
	}
}
@media (max-width: 480px) {
    .home .modal .form-wrapper{
        width: 90%!important;
    }
    .home .modal i{
        margin-right: 0;
    }
    #section-header-top .ss-left-link, #section-header-top .ss-right-link {
        float: none;
        overflow: hidden;
        margin: 5px 0;
    }
    #ss_part_widget-3 h5 {
        font-size: 18px;
    }
    #ss_part_widget-3 h4 {
        font-size: 30px;
    }
    #ss_part_widget-5 .ss-part-image {
        width: auto;
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
        float: none;
        left: auto;
        right: auto;
    }
    #ss_part_widget-5 .row {
        width: 100%;
        float: none;
        margin: 0;
        padding: 40px 0;
        padding-top: 0;
    }
    #ss_part_widget-4 {
        padding: 40px 0;
    }
    #ss_parts_widget-2 .ss-parts-single-part {
        width: 50%;
    }
    #ss_part_widget-7 .row {
        margin: 0;
    }
    #ss_part_widget-14 .ss-part-image {
        position: relative;
    }
    #ss_part_widget-14 .row {
        padding-left: 0;
        margin: 0;
    }
    #ss_part_widget-14 .ss-part-image img {
        width: 100%;
        height: auto;
    }
    #ss_part_widget-14 {
        min-height: 0px;
    }
    #ss_part_widget-5 h3 {
        font-size: 19px;
    }
    #ss_part_widget-5 {
        min-height: 0px;
    }
    #ss_part_widget-9 .ss-part-image {
        position: relative;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 20px;
    }
    #ss_part_widget-9 .row {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #ss_part_widget-9 {
        padding-bottom: 20px;
    }
    #footer-top>aside {
        width: 100%;
    }
    #footer-top>#ss_social_media_widget-2, #footer-top>#text-5 {
        width: 50%;
    }
    #footer-middle>* {
        width: 100%;
        margin-bottom: 20px;
    }
    .ss-slideshow .ss-slide-caption .btn {
        min-width: 0px;
    }
    #ss_part_widget-4 li {
        font-size: 11px;
    }
    #ss_parts_widget-2 .ss-parts-image {
        margin: 0 17px;
    }
    #ss_parts_widget-2 .wrapper>div {
        padding: 20px;
    }
    .ss-slideshow .ss-slide-caption h2 {
        font-size: 23px;
    }
    .ss-slideshow .ss-slide {
        min-height: 370px;
    }
}
@media screen and (max-width: 420px) {
	.page-id-16 #content{
		padding: 40px 15px;
	}
	.page-id-16 #page-header .post-title{
		font-size: 20px;
	}
	#section-page-header .tour-banner-page-title{
		font-size: 24px;
	}
    #ss_parts_widget-2 .wrapper {
     padding-bottom: 160%;
    }
}


@media(max-width: 414px){
	.home .carousel {
    	min-height: 470px;
	}

	#home-top #navbar li{
		margin: 5px 2px;
	}

	.nav>li>a{
		padding: 10px 10px;
	}
	.home #ss_part_widget-5 .row{
		min-height: 600px;
	}
	.home #ss_parts_widget-4 .row,.home #ss_parts_widget-4 .row .col-md-4{
		display: inherit;
	}
	.home #ss_parts_widget-4 .wrapper > p.desc{
		display: block;
	}
	.home #ss_parts_widget-4,#ss_part_widget-12{
		text-align: center;
	}
	#footer-top>#ss_social_media_widget-2{
		width: 100%;
	}
	#ss_part_widget-12 h2{
		text-align: center;
	}
	#recent-posts-widget-with-thumbnails-2 h2{
		text-align: center;
	}
	#ss_part_widget-13, #ss_part_widget-13 h2{
		text-align: center;
	}
	#footer-bottom #text-4{
		float: left;
		text-align: center;
	}
	.home section#fitur:before {
    	margin-top: -20px;
    	height: 20px;
	}
	.home section#bussiness-types:before {
    	margin-top: -30px;
    	height: 30px;
	}
	.home div#support:before {
		margin-top: -20px;
    	height: 20px;
	}
	.home #testimonial {
    	margin-top: -10px;
        height: 10px;
	}

	.home #ss_part_widget-11 .want-know-more{
		padding: 0 15px;
	}
	.page-id-290 #section-page-header{
		background-position: 80%;
	}

	#post-196 .col-sm-4.box{
		padding: 10px 15px;
	}
	#post-196 #page-content .entry h2 {
		margin: 20px 0 10px;
	}
	.page-id-16 .gform_wrapper {
    	margin: 16px 0px;
	}
    #ss_parts_widget-2 .wrapper {
        padding-bottom: 125%;
    }
}
@media(max-width: 375px){
	#feature-utama li{
		width: 100%;
	}
	.home #ss_part_widget-5 .row {
    	min-height: 635px;
	}
	.page-id-16 #page-header .post-title {
    	font-size: 20px;
	}
	.ss-slideshow .ss-slide {
    	/*min-height: 370px;*/
      min-height: 420px;
	}
	.testimonial-text p {
    	font-size: 16px;
	}
	.home .carousel {
    	min-height: 490px;
	}
    #ss_parts_widget-2 .wrapper {
        padding-bottom: 160%;
    }
}
@media(max-width: 320px){
	#ss_parts_widget-2 .wrapper>div {
    	padding: 15px;
	}
	.ginput_recaptcha{
		transform:scale(0.85);
		-webkit-transform:scale(0.85);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	.page-id-16 #page-header .post-title{
		font-size: 30px;
	}
    #ss_parts_widget-2 .wrapper {
        padding-bottom: 190%;
    }
}