/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

	.header-left h2 {
		font-size: 56px;
	}

	.matik-left ul li img {
	    max-width: 126px;
	} 

	.matik-left ul li {
		padding-right: 8px;
	}

	.matik-right img {
		top: -10px;
	}

	.proc-upper h2 {
		font-size: 32px;
	}

	.proc-cnt ul li {
		font-size: 18px;
	}

	.footer-left ul li img {
		max-width: 70px;
	}

	.pro-item {
	    padding: 10px 20px;
	}

	.lprodic-left p {
		font-size: 17px;
	}

	.feature-right h4 {
	    font-size: 21px;
	}

	.feature-right ul li {	    font-size: 16.5px;
	}

	.feature2-btm p {
		font-size: 18.5px;
	}

	.sekund-left p {
		font-size: 19px;
	}

	.sekund-right img {
	    width: 100%;
	    transform: scale(1.6);
	    position: absolute;
	    top: 11px;
	    right: -68px;
	}

	.aplikace-left ul li {
	    padding-right: 8px;
	}

	.aplikace-left ul li img {
	    max-width: 130px;
	}

	.animation-cnt p {
		font-size: 18px;
	}

	.main-content3 .owl-theme .custom-nav {
        left: 0%;
        right: 0%;
    }

    .header2-cnt {
        padding-left: 30px;
    }

    .header2-main {
	    padding: 200px 30px;
	    padding-left: calc((100% - 900px) / 2);
	}

	.header2-cnt p {
		font-size: 50px;
	}

	.tabul-main table td {
		padding: 10px 12px;
		font-size: 15px;
	}

	.abeced-upper ul li a {
		width: 32px;
		height: 40px;
		font-size: 16px;
	}

}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.navbar-nav li {
	    padding: 10px 0;
	    padding-left: 40px;
	}

	.header-left h2 {
		font-size: 46px;
	}

	.header-left p {
		font-size: 21px;
	}

	.matik-main {
		padding: 30px 50px;
		margin-top: 45px;
	}

	.matik-left h2 {
		font-size: 30px;
	}

	.matik-left p {
		font-size: 15px;
		margin: 15px 0 21px;
	}

	.matik-left ul li img {
	    max-width: 100px;
	} 

	.matik-left ul li {
		padding-right: 6px;
	}

	.matik-right img {
		top: -6px;
		right: -40px;
	}

	.proc-upper h2 {
		font-size: 28px;
	}

	.proc-cnt ul li {
		font-size: 18px;
	}

	.footer-left ul li img {
		max-width: 56px;
	}

	.social-item {
		display: block;
	}

	.social-item ul {
		padding-top: 15px;
	}

	.pro-item {
	    padding: 10px 10px;
	}

	.pro-item ul li {
		font-size: 15px;
	}

	.pro-item h4 {
		font-size: 20px;
	}

	.pro-item a {
		width: 160px;
		font-size: 15px;
		margin-bottom: 10px;
	}

	.pro-item img {
		max-width: 56px;
	}

	.pro-area {
		padding-top: 60px;
	}

	.lprodic-right img {
		top: 10px;
	}

	.video-main h2 {
		font-size: 32px;
	}

	.ziskate-item {
		display: block;
		text-align: center;
	}

	.ziskate-cnt {
		margin-left: 0;
	}

	.ziskate-cnt h4 {
		margin-top: 24px;
	}

	.feature-right {
		padding-top: 45px;
	}

	.feature2-btm p {
		font-size: 17px;
	}

	.testy-left p {
		font-size: 16.5px;
	}

	.testy-left a {
		font-size: 16px;
	}

	.sekund-main {
		padding: 35px 40px;
	}

	.sekund-left h2 {
		font-size: 30px;
	}

	.sekund-left p {
		font-size: 16px;
	}

	.sekund-left a {
		font-size: 17px;
	}

	.sekund-right img {
	    width: 100%;
	    transform: scale(1.6);
	    position: absolute;
	    top: 20px;
	    right: -50px;
	}

	.aplikace-left ul li {
	    padding-right: 6px;
	}

	.aplikace-left ul li img {
	    max-width: 100px;
	}

	.aplikace-left ul {
		padding-top: 30px;
	}

	.aplikace-left h2,
	.edu-upper h2 {
		font-size: 30px;
	}

	.edu-upper p,
	.modern-part ul li,
	.mozno-left p,
	.mozno-left ul li {
		font-size: 18px;
	}

	.animation-heading h2 {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.animation-main span {
		font-size: 20px;
	}

	.animation-cnt p {
		font-size: 17px;
	}

	.cvicen-cnt h2 {
	    font-size: 18px;
	}

	.cvicen-cnt ul li {
	  	font-size: 16px;
	}

	.cvicen-area {
		padding: 5px 0 50px
	}

	.smy-left ul li {
		font-size: 16px;
	}

	.smy-left a {
		font-size: 16px;
		margin-top: 30px;
	}

	.smy-upper h2 {
		font-size: 32px;
	}

	.smy-area {
		padding: 30px 0 150px;
	}

	.main-content3 .owl-theme .custom-nav {
        left: 0%;
        right: 0%;
    }

    .header2-cnt {
        padding-left: 30px;
    }

    .header2-main {
	    padding: 170px 30px;
	    padding-left: calc((100% - 680px) / 2);
	}

	.header2-cnt p {
		font-size: 42px;
	}

	.flag-main {
		justify-content: center;
	}

	.flag-item {
		width: 16%;
		margin-bottom: 40px;
	}

	.flag-area {
		padding-bottom: 40px;
	}

	.certf-left {
		padding-right: 30px;
	}

	.certf-right {
		padding-left: 10px;
	}

	.tabul-main table td {
		padding: 10px 12px;
		font-size: 14px;
	}

	.accordian-body {
		padding: 30px 15px 30px;
	}

	.accorprof-right img {
		width: 180px;
		height: 180px;
	}

	.abeced-upper ul {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.abeced-upper ul li {
		width: 7%;
		padding: 5px 0;
	}

	.abeced-upper h2 {
		font-size: 32px;
	}

	.abeced-part ul li a,
	.abeced-part ul li span {
		font-size: 18px;
	}

	.porob-dropitem .dropdown-menu {
		width: 693px;
	}

	.dropdown-innerleft {
		width: 50%;
	}

	.check-leftcnt {
		width: 30%;
	}

	.check-rightcnt {
		width: 60%;
	}

	.dropmenu-main {
	    transform: translate3d(-362px, 42px, 0px)!important;
	}

	.dropmenu-main2 {
	    transform: translate3d(0px, 42px, 0px)!important;
	}

	.drop-btn2 {
		padding: 5px 20px;
		padding-left: 10px;
	}

	.dropmenu-main4 {
		transform: translate3d(-362px, 42px, 0px)!important;
	}

	.filter-cntm3 {
		width: 34%;
	}

	.filter-cntm4 {
		width: 65%;
	}

	.porov-table table {
		width: 907px;
	}

	.porov-table {
		overflow-x: scroll;
	}

}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

	.navbar-nav li {
	    padding: 10px 0;
	}

	.navbar-brand {
		margin-bottom: 20px;
	}

	.navbar-nav .dropdown-menu {
		width: 160px;
	    transform: translate(-5px, 5px) !important;
	}

	.header-left {
		padding-top: 40px;
	}

	.header-left h2 {
		font-size: 50px;
	}

	.matik-upper h2 {
		font-size: 34px;
	}

	.matik-upper p {
		font-size: 17px;
	}

	.matik-main {
		padding: 30px 50px;
		margin-top: 45px;
	}

	.matik-left h2 {
		font-size: 30px;
	}

	.matik-left p {
		font-size: 15px;
		margin: 15px 0 21px;
	}

	.matik-left ul li img {
	    max-width: 120px;
	} 

	.matik-left ul li {
		padding-right: 6px;
	}

	.matik-right img {
		position: initial;
		transform: scale(1);
	}

	.matik-right img:hover {
		transform: scale(1.12);
	}

	.video-main h2 {
		font-size: 29px;
	}

	.video-main iframe {
		height: 300px;
	}

	.proc-upper h2 {
		font-size: 32px;
	}

	.proc-cnt ul li {
		font-size: 18px;
	}

	.proc-cnt {
		padding-top: 30px;
	}

	.proc-area {
		padding-top: 90px;
	}

	.sout-area {
		padding-bottom: 120px;
	}

	.copy-right p {
		font-size: 14px;
	}

	.footer-right {
		padding-top: 40px;
	}

	.headerfixed-add {
		padding: 15px 0 5px; 
	}

	.pro-item::after {
		display: none;
	}

	.pro-area {
		padding-top: 40px;
	}

	.pro-item {
		padding-top: 30px;
	}

	.lpconten-part {
		padding-bottom: 5px;
	}

	.lpconten-part p {
		font-size: 17px;
	}

	.ziskate-item {
		display: block;
		text-align: center;
	}

	.ziskate-cnt {
		margin-left: 0;
	}

	.ziskate-item .zis1 {
	    max-width: 35px;
	}

	.ziskate-item .zis2 {
	    max-width: 40px;
	}

	.ziskate-item .zis3 {
	    max-width: 65px;
	}

	.ziskate-cnt {
	    margin-left: 0px;
	}

	.ziskate-cnt h4 {
	    font-size: 26px;
	    margin-top: 20px;
	}

	.ziskate-cnt p {
	    font-size: 12px;
	}

	.ziskate-left {
		padding-top: 40px;
	}

	.feature-right {
		padding-top: 35px;
	}

	.feature2-btm p {
		font-size: 16px;
	}

	.experience-cnt {
	    margin-left: 25px;
	}

	.store2-item ul li img {
	    max-width: 140px;
	}

	.store2-item p {
		margin-top: 50px;
	}

	.testy-title h2 {
		font-size: 30px;
	}

	.testy-left p,
	.video-main p {
		font-size: 18px;
	}

	.testy-left {
		padding-top: 35px;
	}

	.sekund-main {
		padding: 35px 40px;
	}

	.sekund-left h2 {
		font-size: 32px;
	}

	.sekund-left p {
		font-size: 18px;
	}

	.sekund-left a {
		font-size: 17px;
	}

	.sekund-right img {
	    width: 100%;
	    transform: scale(1.2);
	    position: initial;
	}

	.sekund-right img:hover {
		transform: scale(1.3);
	}

	.sekund-area {
		padding: 30px 0 80px;
	}

	.aplikace-left ul li {
	    padding-right: 6px;
	}

	.aplikace-left ul li img {
	    max-width: 120px;
	}

	.aplikace-left ul {
		padding-top: 30px;
	}

	.aplikace-left h2,
	.edu-upper h2 {
		font-size: 30px;
	}

	.edu-upper p,
	.modern-part ul li,
	.mozno-left p,
	.mozno-left ul li {
		font-size: 18px;
	}

	.settings2-part {
		padding-top: 30px;
	}

	.coto-part {
		padding-top: 60px;
	}

	.settings2-part .mozno-left {
		padding-top: 36px;
	}

	.animation-heading h2 {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.animation-main span {
		font-size: 20px;
	}

	.animation-cnt p {
		font-size: 15px;
	}

	.animation-area {
		padding-bottom: 90px;
	}

	.cvicen-cnt {
		margin-bottom: 40px;
	}

	.cvicen-area {
		padding-bottom: 30px;
	}

	.smy-area {
		padding: 30px 0 120px;
	}

	.smy-upper h2 {
		font-size: 30px;
	}

	.smy-left {
		padding-top: 40px;
	}

	.main-content3 .owl-theme .custom-nav {
        left: 0%;
        right: 0%;
    }

    .header2-cnt {
        padding-left: 30px;
    }

    .header2-main {
	    padding: 170px 30px 150px;
	    padding-left: calc((100% - 500px) / 2);
	}

	.header2-cnt p {
		font-size: 36px;
	}

	.main-content3 .owl-theme .custom-nav .owl-prev img, 
	.main-content3 .owl-theme .custom-nav .owl-next img {
	    max-width: 45px;    
	}

	.flag-main {
		justify-content: center;
	}

	.flag-item {
		width: 20%;
		margin-bottom: 40px;
	}

	.flag-area {
		padding-bottom: 40px;
	}

	.certf-left {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.certf-right {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 75px;
	}

	.certf-area {
		padding-bottom: 50px;
	}

	.tabul-main table td {
		padding: 10px 12px;
		font-size: 14px;
	}

	.tabul-main table {
		width: 700px;
	}

	.tabul-main {
		overflow-x: scroll;
	}

	.accordian-body {
		padding: 30px 15px 30px;
	}

	.accordian-cnt p {
		font-size: 16px;
	}

	.accorprof-right img {
		width: 140px;
		height: 140px;
	}

	.accorprof-left p,
	.accorprof-left ul li,
	.accorprof-left ul li a,
	.contact-item ul li a {
		font-size: 15px;
	}

	.contact-item ul li a img {
		max-width: 18px;
		margin-right: 16px;
	}

	.abeced-upper ul {
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: 25px 0;
	}

	.abeced-upper ul li {
		width: 7%;
		padding: 5px 0;
	}

	.abeced-upper ul li a {
		width: 32.5px;
		height: 40px;
		font-size: 17px;
	}

	.abeced-upper h2 {
		font-size: 28px;
	}

	.abeced-part ul li a,
	.abeced-part ul li span {
		font-size: 16px;
	}

	.abeced-upper p {
		font-size: 18px;
	}

	.porob-dropitem .dropdown-menu {
		width: 510px;
		transform: translate3d(0px, 42px, 0px)!important;
	}

	.drop-btn2 {
		padding: 5px 20px;
		padding-left: 10px;
	}

	.dropdown-innermain {
		flex-direction: column;
		flex-wrap: wrap;
	}

	.dropdown-innerleft,
	.dropdown-innerright {
		width: 100%!important;
	}

	.filter-cntm3 {
		margin-top: 20px;
	}

	.porov-area {
		padding: 75px 0 100px;
	}

	.porob-title h2 {
		font-size: 30px;
	}

	.porov-table table {
		width: 907px;
	}

	.porov-table {
		overflow-x: scroll;
	}

}

/*=== Extra small screen Mobile ===*/
@media screen and (max-width: 575px) {
	.header-left h2 {
		font-size: 42px;
	}

	.header-left p {
		font-size: 21px;
	} 

	.matik-upper h2 {
		font-size: 27px;
	}

	.matik-upper p {
		font-size: 16px;
	}

	.matik-main {
		padding: 25px 20px 30px;
		margin-top: 45px;
	}

	.matik-left h2 {
		font-size: 30px;
	}

	.matik-left p {
		font-size: 15px;
		margin: 15px 0 21px;
	}

	.matik-left ul li img {
	    max-width: 92px;
	} 

	.matik-left ul li {
		padding-right: 6px;
	}

	.matik-right img {
		position: initial;
		transform: scale(1);
	}

	.video-main iframe {
		height: 250px;
	}

	.video-cnt h4 {
		font-size: 30px;
	}

	.video-cnt ul li {
		font-size: 16px;
	}

	.proc-upper h2 {
		font-size: 28px;
	}

	.footer-left ul li img {
		max-width: 60px;
	}

	.footer-right .footer-links,
	.social-item  {
		display: block;
	}

	.social-item ul {
		padding-top: 20px;
	}

	.copy-right {
		display: block;
		text-align: center;
	}

	.ziskate-item .zis1 {
	    max-width: 50px;
	}

	.ziskate-item .zis2 {
	    max-width: 56px;
	}

	.ziskate-item .zis3 {
	    max-width: 80px;
	}

	.ziskate-cnt {
	    margin-left: 0px;
	}

	.ziskate-cnt h4 {
	    font-size: 35px;
	    margin-top: 20px;
	}

	.ziskate-cnt p {
	    font-size: 14px;
	}

	.ziskate-item {
		margin-bottom: 50px;
	}

	.ziskate-left ul li {
		font-size: 16px;
	}

	.ziskate-main {
		padding-top: 70px;
	}

	.feature-right ul li {
		font-size: 16.5px;
	}

	.feature2-cnt h4 {
	    font-size: 20px;
	}

	.feature2-cnt p {
	    font-size: 16px;
	}

	.feature2-cnt {
	    padding: 20px 30px 18px;
	}

	.experience-item h2 {
		font-size: 22px;
	}

	.experience-cnt p {
		font-size: 14px;
	}

	.experience-cnt h4 {
		font-size: 16px;
	}

	.experience-inner img {
		width: 70px!important;
		height: 70px!important;
	}

	.experience-cnt {
	    margin-left: 15px;
	}

	.store2-item ul li {
		padding: 0 2px;
	}

	.store2-item ul li img {
	    max-width: 100px;
	}

	.store2-area {
		padding: 100px 0 80px;
	}

	.testy-left p, 
	.video-main p {
		font-size: 17px;
	}

	.testy-area {
		padding: 75px 0 100px;
	}

	.testy-main {
		padding-top: 40px;
	}

	.sekund-main {
		padding: 35px 20px;
	}

	.sekund-left h2 {
		font-size: 32px;
	}

	.sekund-left p {
		font-size: 16px;
	}

	.sekund-left a {
		font-size: 16.5px;
	}

	.sekund-right img {
	    width: 100%;
	    transform: scale(1.2);
	    position: initial;
	}

	.settings2-part {
		padding-top: 20px;
	}

	.aplikace-left ul li img {
	    max-width: 105px;
	}

	.animation-cnt {
		flex-wrap: wrap;
	}

	.animation-cnt p {
		width: 50%;
		margin-bottom: 20px;
	}

	.animation-area {
		padding-bottom: 76px;
	}

	.cvicen-cnt h2 {
	    font-size: 20px;
	}

	.cvicen-cnt ul li {
	  	font-size: 18px;
	}

	.cvicen-area {
		padding: 5px 0 30px
	}

	.smy-area {
		padding: 10px 0 120px;
	}

	.smy-upper h2 {
		font-size: 30px;
	}

	.smy-left {
		padding-top: 40px;
	}

	.smy-left ul li {
		font-size: 18px;
	}

	.sekund-right img:hover {
		transform: scale(1.25);
	}

	.matik-right img:hover {
		transform: scale(1.12);
	}

	.header2-cnt p {
		font-size: 32px;
	}

	.main-content3 .owl-theme .custom-nav .owl-prev img, 
	.main-content3 .owl-theme .custom-nav .owl-next img {
	    max-width: 40px;    
	}

	.main-content3 .owl-theme .custom-nav {
	    top: 65%;
	    left: 60%;
	    right: 4%;
	}

	.flag-main {
		justify-content: center;
		max-width: 320px;
	}

	.flag-item {
		width: 33.3333%;
		margin-bottom: 40px;
	}

	.certf-left {
		max-width: 300px;
	}

	.certf-right {
		max-width: 320px;
	}

	.accordian-heading {
		padding: 12px 20px;
	}

	.accordian-profile {
		flex-direction: column;
	}

	.accorprof-left {
		order: 2;
		margin-top: 30px;
	}

	.accorprof-right {
		order: 1;
		text-align: center;
	}

	.abeced-part ul li a {
		margin-right: 14px;
	}

	.abeced-upper ul li {
		width: 11%;
		padding: 5px 0;
	}

	.abeced-upper h2 {
		font-size: 30px;
	}

	.porob-title h2 {
		font-size: 24px;
	}

	.porob-dropitem .dropdown-menu {
		max-width: 100%;
		transform: translate3d(0px, 42px, 0px)!important;
	}

}