/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
	.h5order{font-size: 0.9em;}
	.tableorderprice td, th{padding:3px;}
	.tableorderprice {font-size: 0.8em;}
	.h1order{font-size: 1.5em;} 
	.title-rodercard{margin-top: 5px;font-size: 0.9rem;}
	.card-text-order{margin-top: 10px;font-size: 0.7rem;}
	.icoordercard{font-size: 2.5rem;color: #1887bc;}
	.btn-login{font-size: 15px;}
	.userpanel{padding: unset;letter-spacing: unset;}
	h1{font-size:1.8rem }
	h2{font-size:1.7rem }
	h3{font-size:1.6rem }
	}

@media (max-width: 991px) {
.h1order{font-size: 1.3em;} 
.dblockadapt{display: block;}
.dnoneadapt{display: none;}
.icopayfooter{height: 1.2rem;}
.dropdown, .dropleft, .dropright, .dropup {position: unset;}
}
@media (min-width: 992px) {	

.dblockadapt{display: revert;}
.dnoneadapt{display: table-cell;}
.dropdown:hover >.dropdown-menu {
    display: block;
    margin-top: 0; 
 }
.dropdown-menu .dropdown-menu {
    top: auto;
    left: 100%;
    transform: translateY(-3.3rem);
}
.dropdown-item + .dropdown-menu {
    display: none;
}
.dropdown-item.submenu::after {
    content: '▸';
}
.dropdown-item:hover + .dropdown-menu,
.dropdown-menu:hover {
    display: block;
}
}
@media (max-width: 991px) {
	h1{font-size:1.6rem }
	h2{font-size:1.4rem }
	h3{font-size:1.2rem }
	.h5order{font-size: 1.0em;}
	.dropdown >.dropdown-menu{display: contents;}
	.dropdown >.dropdown-menu>.dropdown-menu {
	display: block;
	width:90%;
	margin-top:-15px;
    margin-left: 5px;
    position: unset;
	border:unset;
    border-bottom: 1px solid #608fd026;
    border-radius: unset;}	
	#menu li a{padding: 4% 2%;line-height: 20px;}
	#menu>.nav-item{text-align:left;}
	.menu-uslug{border:unset;display: block;}
	.menuico{margin-top: 0.35rem!important;border-bottom: 1px solid #242f5114;}
	.labelmenuico{display:inline;}
	.icomenu{width: 2em;}
	.btn-login{position: absolute;right: 0; margin-right: 6px;}
	.title-rodercard{margin-top: 0px;font-size: 0.8rem;}
	.card-text-order{margin-top: 0px;font-size: 0.5rem;}
	.icoordercard{font-size: 2.2rem;color: #1887bc;}
	#menu {
		position: fixed;
		height: 100%;
		width: 40%;
		left: 0;
		top: 0;
		background-color: #fff;
		z-index: -1;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	.header_container {
		position: relative;
	}
	#menu.open {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		padding-left: 5%;
		top:70px;
		overflow-y: auto;
		z-index: 1;
	}		

	#menu.openr .hamburger-menu {position: absolute;right:150px;}


	#menu li {
		display: block;
		text-align: center;
		max-width: 720px;
		margin: 0 auto;
		line-height: 40px;
	}
	#menu li a.nav-link {
		padding: 0;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.hamburger-menu {
		display: block;
	}
	.try_btn {
	display: block;
	cursor: pointer;
    position: absolute;
    right: -268px;
    z-index: 999;
    top: -70px;
	}
	.home_box {
		margin-top: 60px;
	}
	.home_img {
		margin-top: 30px;
	}
	.round2 {
		left: 22px;
	}
	.section_padd {
		padding: 15px 0 45px 0;
	}
	.appfeature_head p,
	.app_item,
	.footer_box img,
	.footer_box ul li a,
	.footer_icon a {
		margin-bottom: 30px;
	}
	.smartjack_subhead p {
		height: auto;
		padding-left: 0px;
		border: none;
	}
	.smartjact_item,
	.ultimate_btn,
	.download_box a img,
	.friendcustomize_box,
	.meet_man {
		margin-top: 30px;
	}
	.chooseourapp_head p,
	.getfe_head p,
	.frequently_head p {
		padding-bottom: 0;
	}
	.ultimate_ab,
	.meetimg_ab {
		position: relative;
		right: auto;
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		text-align: center;
	}
	.download_ab {
		position: relative;
		margin-top: 30px;
		right: auto;
	}
	.smartjack_head h2 {
		max-width: 560px;
	}
	.smartjack_subhead p,
	.ultimate_box h2 {
		max-width: 571px;
	}
	.ultimate_box p {
		max-width: 489px;
	}
		.home_box h1 {
		font-size: 30px;
    line-height: 35px;
	}
	.mfiltr{width:100%;text-align:center;}
}

@media (max-width: 910px) {
		.try_btn {
		right: -230px;
	}

}
@media (max-width: 825px) {
		.try_btn {
		right: -190px;
	}
}


/*Medium devices (tablets, 767px and down)*/

@media (max-width: 767px) {
	body {font-size: 15px;}
	.orderform{padding: 0;}
	.orderprice{padding: 0;margin-top: 1em; display: block;}
	.orderpricefull{display: none;}
	.orderinfo{padding: 0;margin-top: 3em;}	
	.tableorderprice td, th{padding:2px;}
    .tableorderprice {font-size:1em;}
    .textprice .collapsed {padding: 200px;}

.content>table{display:block;}



	.hleborderlast{display: none;}
	#menu {width: 55%};
	.logo{max-width: 120px;}
	.home_box {
		margin-top: 35px;
	}
	.home_box p{font-size: 14px;}
	.home_box h1 {
		font-size: 30px;
	}
    .home_box h3 {
		font-size: 30px;
	}
	.smartjack_wrapper .sub_title {
		line-height: 30px;
	}
	.title_head {
		font-size: 32px;
	}
	.getfe_head h2 {
		max-width: 386px;
	}
	.meet_head h2 {
		max-width: 394px;
	}
	.frequently_head h2 {
		max-width: 470px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	.frequently_head p {
		max-width: 474px;
	}
	.accordion .card button {
		padding: 12px 25px 12px 25px;
		line-height: 28px;
		font-size: 18px;
	}
	.appfeature_head h2 {
		max-width: 412px;
	}
	.designbuild_box h2 {
		max-width: 400px;
	}
	.ultimate_box h2 {
		max-width: 511px;
	}
	.ultimate_box p {
		max-width: 458px;
	}
	.try_btn {
		right: -504px;
	}
	.media{display: block;}
	.shortstoryimg{max-width: 100%;}
}


@media (max-width: 651px) {
		.try_btn {
		right: -440px;
	}
}


/*Small devices (landscape phones, 575px and down)*/

@media (max-width: 575px) {
	h1{font-size:1.4rem }
	h2{font-size:1.3rem }
	h3{font-size:1.1rem }
	.icopayfooter{height: 1.0rem;}
	.usermobpanel{display: block;}
	.userpanel{display: none;}
	.title-rodercard{margin-top: 0px;font-size: 0.6rem;}
	.card-text-order{margin-top: 0px;font-size: 0.5rem;}
	.icoordercard{font-size: 1.6rem;color: #1887bc;}
	#menu {width: 60%;}
	.breadcrumb{font-size:12px;}
	body {
		font-size: 14px;
	}
	.homefirst_txt img {
		padding: 7px;
	}

.hamburger-menu {
		margin-left: 20px;
	}
		.try_btn {
		right: -440px;
	}

	.homefirst_txt p {
		font-size: 13px !important;
		padding: 0 50px 0 10px;
	}
	.home_box h1 {
		font-size: 32px;
		line-height: 40px;
		max-width: 100%;
	}
	.home_box p {
		font-size: 15px;
		max-width: 287px;
	}
	.round1 {
		top: 87px;
		right: 259px;
	}
	.round2 {
		left: 4px;
	}
	.round3 {
		right: 27px;
	}
	.round_4 {
		left: 30px;
	}
	.round_5 {
		left: 246px;
	}
	.watch_btn {
		font-size: 14px;
		margin-left: 10px;
	}
	
	.watch_btn {
		font-size: 14px;
		margin-left: 10px;
	}
	.frequently_wrapper .sub_title {
		font-size: 11px;
	}
	.app_subitem {
		margin-left: 15px;
	}
	.accordion .card button {
		padding: 15px;
		font-size: 17px;
	}
	.accordion .card button br {
		display: block;
	}
	.accordion .card-body {
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 22px;
	}
	.testi_slide .owl-nav .owl-prev {
		right: 45px !important;
	}
	.testi_slide .owl-nav .owl-prev,
	.testi_slide .owl-nav .owl-next {
		height: 35px;
		width: 35px;
		font-size: 14px;
	}
	.testi_slide .owl-nav .owl-prev,
	.testi_slide .owl-nav .owl-next {
		bottom: -34px;
	}
	.download_box .mr_30 {
		margin-right: 10px;
	}
	.footer_box ul li {
		margin: 0 3px;
	}
	.footer_box ul li a {
		font-size: 12px;
	}
	.title_head {
		font-size: 28px;
		line-height: 38px;
	}
	.getbtn a,
	.getbtn a.active {
		font-size: 14px;
		min-width: 122px;
	}
	.home_img img{display:none;}
	#menu {width: 68%;}
}
@media (max-width: 534px) {
	.h1order{font-size: 1.2em;} 
		.try_btn {
		right: -360px;
	}
	.watch_btn{display: none;}
	#menu {width: 73%};
}

@media (max-width: 450px) {
	h1{font-size:1.2rem;}
	h2{font-size:1.1rem;}
	h3{font-size:1.0rem;}
	.logo{max-width: 100px;}
	.buttonlogin{min-width: 150px;height: 40px;font-weight: 400;font-size: 15px;}
	#menu {width: 77%;}
	.hleborderfist {display: none;}
	.breadcrumb-item+.breadcrumb-item.hlebordertwo::before {
    display: none;}
    .hlebordertwo{padding-left:0;}
}

@media (max-width: 374px) {
	h1{font-size:14px;}
	.h1order{font-size: 1.1em;} 
	#menu.open{padding-left:5%;}
	#menu {width: 85%;}
	#menu li a {font-size:14px;}
	.btn-login{font-size: 12px;}
	.logo{margin-left:-10px;max-width: 90px;}
	.buttonlogin{min-width: 120px;}
	.home_box h1 {font-size: 25px;line-height: 35px;}
	.mt_35{margin-top: 18px;}
	.home_box {margin-top: 18px;}
	.accordion .card button {
		font-size: 14px;
		line-height: 20px;}
	.reg_button{width: 100%;}
}
@media (max-width: 320px) {
	.buttonlogin{min-width: 100px;height: 30px;font-weight: 200;font-size: 12px;}
	header{height: 50px; line-height: 50px;}
	.home_wrapper{padding-top:50px;}
}