/*



Template: Appino - Responsive App Landing Page

Author: iqonicthemes.in

Version: 1.0

Design and Developed by: iqonicthemes.in



NOTE: This file contains the styling for responsive Template.



*/



/*****************

================================================

 (  Media Queries  )

================================================

 *******************/

@media(max-width:1399px) {

	.home-screen-slide:before { width: 287px; }

	.home-screen-slide .owl-carousel .item { width: 224px; }

	.home-screen-slide { padding: 69px 0px 72px 35px; }

}

@media(max-width:1199px) {
	.banner-text h1 { font-size: 60px; line-height: 96px; letter-spacing: 0; }
	.iq-about .iq-pall-50 { padding: 30px 0 30px 50px !important; }

	.iq-app-info { padding: 30px 20% 0% 20%; }

	.home-screen-slide:before { width: 301px; }

	.home-screen-slide .owl-carousel .item { width: 235px; }

	.home-screen-slide { padding: 72px 0px 70px 36px; margin-left: -90px; }

	.iq-amazing-tab .nav-tabs li { margin-top: 20px; }

	.iq-fancy-box-01 { padding: 10px 30px; }

	.iq-fancy-box-01 h4 { font-size: 20px; }

	.iq-amazing-tab .tab-content { padding: 74px 30px 82px 36px; }

	.home-screen-slide .owl-carousel .item { width: 236px; }

	.iq-fancy-box-01 i { font-size: 40px; }

	#priceSection{

		background-position: 50% center;

	}

	#priceSection .container{

		margin-left: 12rem;

	}

}

@media(max-width:1099px) {

	.iq-fancy-box { padding: 30px; }

	.heading-title { margin-bottom: 60px; }

	.iq-app-info { padding: 30px 15% 0% 15%; }

	.owl-carousel .owl-nav .owl-prev { left: -4%; }

	.owl-carousel .owl-nav .owl-next { right: -4%; }

}
@media(max-width:991px) {
	header .navbar-nav { margin-top: 12px; }

	header .navbar-header .navbar-brand img { height: 66px; }

	header .navbar-default .navbar-nav > li > a { font-size: 13px; }

	header .navbar-nav > li { margin: 0 20px 0 0; }

	header.affix .navbar-header .navbar-brand img { height: 48px; }

	.re-mt-30 { margin-top: 40px; }

	header.affix .navbar-nav { margin-top: 0px; }

	.banner-text .link li a { font-size: 28px; }

	.banner-text .link h5 { margin-bottom: 15px; font-size: 18px; }

	.banner-text .link h5:before { width: 49px; height: 46px; background-size: 100%; }

	.heading-title p { padding: 0; }

	.iq-about .row-eq-height { display: inherit; }

	.banner-text h1 { font-size: 64px; line-height: 76px; margin-bottom: 15px; margin-top: 8%; }

	.iq-about { margin: 0 !important; padding: 80px; }

	.banner-text { margin: 20% 0 12%; }

	.iq-about-bg:after { display: none; }

	.iq-about .about-img { transform: inherit; }

	.iq-about .iq-pall-50 { padding: 30px 15px 0px 15px !important; }

	.nav-tabs li.active a.round-right, .nav-tabs li.active a.round-right:hover, .nav-tabs li.active a.round-right:focus { right: 0; }

	.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus { left: 0; }

	.iq-amazing-tab .nav-tabs li.active a.round-right .iq-fancy-box-01:before, .iq-amazing-tab .nav-tabs li.active a.round-right .iq-fancy-box-01:after, .iq-amazing-tab .nav-tabs li.active a .iq-fancy-box-01:before, .iq-amazing-tab .nav-tabs li.active a .iq-fancy-box-01:after { display: none; }

	.iq-app-info { padding: 30px 15% 0% 8%; }

	.iq-pricing:before { background-size: cover; height: 100%; }

	.footer-info { padding: 0; }

	.iq-info-box { padding: 0; }

	.iq-app .row-eq-height { display: inherit; }

	.iq-app-info { padding: 0 30px; }

	.home-screen-slide { padding: 69px 0px 70px 34px; margin-left: 0px; }

	.iq-about { padding: 80px 0; }

	.iq-fancy-box-02 .iq-big-title { margin-top: 0; }

	.iq-breadcrumb-title .title { font-size: 40px; line-height: normal; }

	.iq-post-sidebar { margin-top: 50px; }

	.iq-about-bg:before { display: none; }

	.iq-team img { width: 100%; }

	.home-screen-slide .owl-carousel .item { width: 224px; }

	.home-screen-slide:before { width: 285px; }

	#priceSection{

		background-position: 50% center;

	}

	#priceSection .container{

		margin-left: 8rem;

	}
	.iq-fancy-box-02 .iq-icon{
		height: 60px;
		width: 60px;
	}
}

@media(max-width:979px) {

	#priceSection{

		background-position: 50% center;

	}

	#priceSection .container{

		margin-left: 5rem;

	}

}

@media(max-width:900px) {

	#priceSection{

		background-position: 50% center;

	}

	#priceSection .container{

		margin-left: 0rem;

	}

}

@media(max-width:767px) {
	.d-md-inherit{
		display: inherit;
	}
	h2 { font-size: 32px; }
	header .navbar-default { margin: 10px 0; }
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { margin: 15px 0 0 0; border-color: #fff; background: #fff; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
	.navbar-default .navbar-toggle .icon-bar { background: #09b3ef; }
	.navbar-default .navbar-toggle.collapsed .icon-bar { background: #1e50e2; }

	.navbar-collapse { background: #fff; border: none; margin-top: 10px; }

	header .navbar-nav { margin-top: 0; }

	header .navbar-nav > li { margin: 0; }

	header .navbar-default .navbar-nav > li > a { font-size: 14px; color: #333; padding: 12px 20px; }

	header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li.active > a, header .navbar-default .navbar-nav > li.active > a:focus, header .navbar-default .navbar-nav > li.active > a:hover { color: #fff; background: rgba(30, 80, 226, 1); background: -moz-linear-gradient(left, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30, 80, 226, 1)), color-stop(100%, rgba(9, 179, 239, 1))); background: -webkit-linear-gradient(left, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%); background: -o-linear-gradient(left, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%); background: -ms-linear-gradient(left, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%); background: linear-gradient(to right, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e50e2', endColorstr='#09b3ef', GradientType=1); }

	header.affix .navbar-default .navbar-toggle { margin: 8px 0 0 0; }

	.overview-block-ptb { padding: 70px 0; }

	.overview-block-pt { padding: 70px 0 0; }

	.overview-block-pb { padding: 0 0 70px; }
	.banner-text h1 { margin-top: 0; margin-bottom: 0; font-size: 54px;}
	.banner-text { margin: 130px 0 70px; }
	.banner-text h1 small { font-size: 20px; margin-bottom: 25px;}
	.iq-breadcrumb-title .title { font-size: 30px; }

	.iq-post-author-pic { margin-bottom: 15px; float: none; }

	.re7-mt-50 { margin-top: 50px; }

	.re7-mt-30 { margin-top: 30px; }

	.iq-breadcrumb .breadcrumb li { font-size: 13px; font-weight: normal; }

	.iq-comment-list ul { padding-left: 20px; }

	.iq-post-author { padding: 15px !important; }

	.iq-newsletter .form-group { width: 100%; }

	.iq-newsletter .form-inline .button.bt-white { margin-left: 0 !important; }

	.home-screen-slide { padding: 70px 0px 75px 100px; margin-left: 0px; }

	.home-screen-slide .owl-carousel .item { width: 236px; }

	.iq-app .iq-ptb-80 { padding: 50px 0 !important; }

	.home-screen-slide:before { left: 64px; }

	.home-screen-slide:before { width: 301px; }

	.owl-carousel .owl-nav .owl-prev { left: -3%; }

	.owl-carousel .owl-nav .owl-next { right: -3%; }

	.newsletter-phone { margin-bottom: -110px; }

	.loader::after { width: 30px; height: 30px; }

	.loader div::after, .loader div::before, .loader div { width: 20px; height: 20px; }

	.loader div::before { left: -55px; }

	.loader div::after { left: 55px; }

	/* NEW Add 01-07-2025 */
	.the-hero{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.the-hero h1{
		margin-top: 10%;
	}

	.the-hero a{
		margin-top: 10%;
		margin-right: 0;
	}
	/* End NEW */


	.banner-form .form-icon {

        background: #09b3ef;

        display: none;

        width: 80px;

        height: 80px;

        text-align: center;

        position: absolute;

        top: 30px;

        right: 89%;

        -webkit-box-shadow: -8px 6px 10px 0px rgba(0, 0, 0, 0.15);

        -moz-box-shadow: -8px 6px 10px 0px rgba(0, 0, 0, 0.15);

        box-shadow: -8px 6px 10px 0px rgba(0, 0, 0, 0.15);

    }



	#priceSection{
		background-position: 50% center;
	}
	#priceSection .container{
		margin-left: -3rem;
	}
	#priceSection .heading-title h2:first-child {
		margin-top: 2rem;
	}

	.contact-info:before {
		background: transparent;
	}

}

@media(max-width:688px) {

    #paketTitle{

        height:18rem;

    }

}

@media(max-width:609px) {

	#priceSection .container{

		margin-left: -6rem;

	}

	.rowProducts{

		flex-direction: column;

	}

}

@media(max-width:498px) {

    #paketTitle{

        height:20rem;

    }

}

@media(max-width:479px) {

	.pagination > li > a, .pagination > li > span { padding: 10px 15px; }

	.iq-comment-list .iq-comments-photo { padding-right: 0; display: inline-block; width: 100%; margin-bottom: 20px; }

	.iq-blog-box .iq-get-in { padding: 30px !important; }

	.iq-fancy-box-01 { padding: 10px 25px; }

	.home-screen-slide:before { left: 4px; }

	.home-screen-slide { padding: 72px 0px 75px 40px; }

	.ad-icon { display: none; }

	.iq-accordion .ad-title { padding: 15px 40px 15px 15px; font-size: 14px; }

	.iq-get-in.iq-pall-40 { padding: 40px 0 !important; box-shadow: none; margin-top: 0; }
	.banner-text h1 { font-size: 45px; line-height: 50px; }
	.banner-text h1 small { font-size: 17px; margin-bottom: 20px; line-height: 20px; }
	.re4-mt-20 { margin-top: 20px; }

	.bannerq-bg{
		background-position: 26%;
	}

	.banner-form .form-icon{
	        display: none;
	}

	.the-hero a{
		margin-top: 20%;
	}

#rc-imageselect, .g-recaptcha {

   transform: scale(0.77);

    -webkit-transform: scale(0.77);

    transform-origin: 0 0;

    -webkit-transform-origin: 0 0 !important;

}



#rc-imageselect,.g-recaptcha{

   max-width: 100%;

}



.g-recaptcha>div>div{

   width: 100% !important;

   height: 78px;

   transform:scale(0.77);
	-webkit-transform:scale(0.77);
   text-align: center;

}



.bot-btn{

    margin-bottom : 25px;

}

#priceSection{

	background-position: 58% center;

}

#priceSection .container{

	margin-left: -9rem;

}

#priceSection .heading-title h2{

    font-size: calc(5rem - 60%) ;

}

#priceSection .heading-title h6{

    font-size: calc(3rem - 40%) ;

}

#priceSection .heading-title p{

    font-size: calc(2rem - 20%);

}

.iq-fancy-box-02 .iq-icon{
	height: 60px;
	width: 60px;
}
.iq-fancy-box-02 .iq-icon i {
	font-size: 25px;
}

}



@media(max-width:355px){

	#paketTitle{

        height:24rem;

    }

}



@media(max-width:335px){

	.buttonPrice{

		color: #232323;

		font-size: 1.5rem;

	}

	#priceSection .container{

		margin-left: -10rem;

	}

	#paketTitle{

        height:26rem;

    }

}