@media screen and (max-width: 980px) and (orientation:portrait){

/*header*/
header{
	background: rgba(0,0,0,0.5);
	width: 100%;
	color:#fff;
	display: block;
	padding: 1em 1em 0;
    text-align: center;
	position: fixed;
	z-index: 20;
}
.logo_block{
	display: inline-block;
	/*background: url(../img/gpklogo.png) no-repeat;	*/
	padding:0 0 0 7.8em;
	float: left;
}

.btn {
	border: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border-left:none;
}

.contact_list{
	display: none;
}
.m_c_list{
	display: inline-block;
	background:none;
}
.m_c_list a{
	color:#b6fffc;
	letter-spacing: 0.1em;
}
.skype{
	border-left:none;
}
.cd-hover{
  display: none;
}
/*index_content*/

.partner_block span{
	display: none;
}
.p_list{
	margin: -4% auto;
	width: 48.5em;
}
.p_list>button{
	width: 13em;
	height: 13em;
}

.service_block{
	background: url(../img/m_service_title.png) no-repeat 50% 14%,
				url(../img/s_b_title.png) no-repeat 50% 90%,
				url(../img/service_bg.png);
	height: 100vh;
	padding: 36% 0 14%;
}

.partner_block{
	background: url(../img/m_partner_title.png) no-repeat 50% 14%,
				url(../img/p_b_title.png) no-repeat 50% 90%,
				#343f5c url(../img/partner_bg.png) no-repeat bottom;
	padding: 46% 0 0;
    height: 100vh;
}

.cases_block{
	background: url(../img/m_cases_title.png) no-repeat 50% 14%,
				url(../img/m_cases_bg.png) no-repeat bottom;
	padding: 35% 0 0;
	height: 100vh;
}

.contact_block{
	background:url(../img/m_contact_title.png)  no-repeat 50% 14%,
			   #060931 url(../img/contact_bg.png) no-repeat bottom;
	padding: 47% 0 0;
	text-align: center;
	height: 100vh;
}
.contact_block nav{	
	width: 53%;
}

.contact_block dd{	
	margin:0;
}
.contact_block dt{
	font-size:1.5em;
	margin-bottom: 6px;
}
.contact_block button{	
	border: none;
    padding: 18px 25px;
    margin-top: 0px;
    width: 48%;
    font-size: 1.5em;
}
/*index_cases_block*/
.tt-grid-wrapper nav {
	text-align: center;
	margin-top: 2.5em;
}

/*future_block*/
button.trigger {
    bottom: 5%;
    left: 50%;;
}
.intro-effect-fadeout .header {
	background-position: 90% 90%;
}

.title {
	top: 35%;
	left: 50%;
}

.bg-img img {
    height: 100%;
}

.header {
	position: relative;
    margin: 0 auto;
    min-height: 63em;
    width: 100%;
}

.content {
	margin: 0 auto;
	padding: 0 0 7em;
}

.content > div:not(.title) {
	margin: -24em auto 0;
}

.content > div:not(.title) p {
	margin: 0 0 1.5em 0;
    font-size: 1.5em;
    width: 98%;
}
.content > div:not(.title) p:first-child {
	text-align: left;
}


/*best content*/
.best_block{
	background: #07262B;
	height: 100%;
	width: 100%;
}

.banner_block{
	height: 50em;
    background-size: 175%;
}

.best_block section{
    display:block;
    position: relative;
    z-index: 2;
}

#block_1{
	padding: 0;	
}
.poc_content_1{
	margin: 0 0 0 0;
}
.poc_content_2{
width: 46%;
    margin: -21% 3% 0 0;
    }

#block_2{
	padding:2% 0;	
}
.poc_content_4{
	width: 100%;
}
.poc_content_3{
	width: 100%;
    padding-left: 21%;
}
.poc_content_3 img{
	display: none;
	width: 45%;
}
#block_3{
	padding:0;	
}
.cred_content_1{
	width: 100%;
    margin: 0;	
}
.cred_content {
    width: 100%;
    margin: -8% 0 0 0;
    padding:0 5%;
}
#block_4{
	padding:1% 0 0 3%;	
}

.int_content{
	margin: 0 0 0 4%;	
}
.int_content_1 {
    width: 100%;
    margin: -6% 0 0 0;
    padding:0 5%;
}
#block_5{
	padding:0 0 0 1em;	
}
.int_content_2 {
    width: 100%;
    margin: -15% 0 0 0;
    padding:0 5%;
}

.cbp-so-scroller {
    overflow: hidden;
    width: 100%;
}
.cbp-so-scroller img{
	width: 100%;
	height: auto;
}
#particles {
    width: 100%;
}

.ao-details-l {
    width: 100%;
    background: none;
}
.ao-details-r {
    width: 100%;
    background: none;
}

.ao-item:first-child {
    margin-top: 0em;
    padding-top: 9em;
    background: url(../img/m_best_panel_title.png) no-repeat 12% 0%;
}

.scroll_down{
    display: block;
    width: 100%;
    background:url(../img/block_line.png) no-repeat 50% 50%;
    padding:2em 0;
    text-indent: -9999px;
}
.best_content{
    width: 65%;
    margin-top: -8em;
}

.best_block h2{
	color: #40ddd2;
	font-size: 1.4em;
	line-height: 2em;
	letter-spacing: 0.1em;
}

.best_block p{
	color: #FDFDFC;
	font-size: 1em;
	letter-spacing:0.2em;
	line-height: 1.8em;
}

}


@media screen and (min-width: 981px) and (max-width: 1400px) {
/*header*/
header{
	background: rgba(0,0,0,0.5);
	width: 100%;
	color:#fff;
	display: block;
	padding: 1em 1em 0;
    text-align: center;
	position: fixed;
	z-index: 20;
}
.logo_block{
	display: inline-block;
	/*background: url(../img/gpklogo.png) no-repeat;	*/
	padding:0 0 0 7.8em;
	float: left;
}

.btn {
	border: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border-left:none;
}

.contact_list{
	display: none;
}
.m_c_list{
	display: inline-block;
	background:none;
}
.m_c_list a{
	color:#b6fffc;
	letter-spacing: 0.1em;
}
.skype{
	border-left:none;
}
.cd-hover{
  display: none;
}
/*index_content*/

.partner_block span{
	display: none;
}
.p_list{
	margin: -2% auto;
	width: 48.5em;
}
.p_list>button{
	width: 11em;
	height: 11em;
	background-position: -40px -49px;
}

.service_block{
	background: url(../img/m_service_title.png) no-repeat 50% 19%,
				url(../img/s_b_title.png) no-repeat 50% 93%,
				url(../img/service_bg.png);
	height: 100vh;
	padding: 21% 0 0;
}

.partner_block{
	background: url(../img/m_partner_title.png) no-repeat 50% 17%,
				url(../img/p_b_title.png) no-repeat 50% 96%,
				#343f5c url(../img/partner_bg.png) no-repeat bottom;
    padding: 21% 0 0;
    height: 100vh;
}

.cases_block{
	background: url(../img/m_cases_title.png) no-repeat 50% 16%,
				url(../img/cases_bg.png) no-repeat bottom;
	padding: 18% 0 0;
	height: 100vh;
}

.contact_block{
	background: url(../img/m_contact_title.png) no-repeat 50% 14%,
 				#060931 url(../img/contact_bg.png) no-repeat bottom;
    padding: 24% 0 0;
    text-align: center;
    height: 100vh;
}
.contact_block nav{	
	width: 53%;
}

.contact_block dd{	
	margin:0;
}
.contact_block dt{
	font-size:1em;
	margin-bottom: 6px;
}
.contact_block button{	
	border: none;
    padding: 7px 25px;
    margin-top: 0px;
    width: 48%;
    font-size: 1.5em;
}

/*index_cases_block*/
.tt-grid-wrapper nav {
	text-align: center;
	margin-top: 2.5em;
}

.tt-grid li {
	margin: 7px;
    width: 287px;
    height: 194px;
}

.tt-grid li a,
.tt-grid li a img {
	width:100%;
}

/*future_block*/
button.trigger {
    bottom: 5%;
    left: 50%;;
}
.intro-effect-fadeout .header {
	background-position: 90% 90%;
}

.title {
	top: 45%;
	left: 50%;
}

.bg-img img {
    height: 100vh;
}

.header {
	position: relative;
    margin: 0 auto;
    min-height: 68em;
    width: 100%;
}

.content {
	margin: 0 auto;
	padding: 0 0 4em;
}

.content > div:not(.title) {
	margin: -24em auto 0;
}

.content > div:not(.title) p {
	margin: 0 0 1.5em 0;
    font-size: 1.1em;
    width: 98%;
}
.content > div:not(.title) p:first-child {
	text-align: left;
}




/*best content*/
.best_block{
	background: #07262B;
	height: 100%;
	width: 100%;
}

.banner_block{
	height: 50em;
	background-position: 50% 100%;
}

.best_block section{
    display:block;
    position: relative;
    z-index: 2;
}

#block_1{
	padding: 0;	
}
.poc_content_1{
	margin: 0 0 0 5%;
}
.poc_content_2{
	width: 45%;
    margin: -17% 8% 0 0;
}

#block_2{
	padding:0;	
}
.poc_content_4{
	width: 55%;
}
.poc_content_3{
	width: 45%;
}
#block_3{
	padding:0;	
}
.cred_content_1{
    margin:0 0 0 4%;	
}
.cred_content {
    width: 43%;
    margin: 10% 0 0 0;
}
#block_4{
	padding:1% 0 0 3%;	
}

.int_content{
	margin: 0 0 0 4%;	
}
.int_content_1 {
    width: 30%;
    margin: 6% 0 0 -2%;
}
#block_5{
	padding:0 0 0 1em;	
}
.int_content_2 {
    width: 48%;
    margin: -19% 0 0 2%;
}

.cbp-so-scroller {
    overflow: hidden;
    width: 100%;
}
.cbp-so-scroller img{
	width: 100%;
	height: auto;
}
#particles {
    width: 100%;
}


.scroll_down{
    display: block;
    width: 100%;
    background:url(../img/block_line.png) no-repeat 50% 50%;
    padding:2em 0;
    text-indent: -9999px;
}
.best_content{
    width: 65%;
    margin-top: -9em;
}

.best_block h2{
	color: #40ddd2;
	font-size: 1.4em;
	line-height: 2em;
	letter-spacing: 0.1em;
}

.best_block p{
	color: #FDFDFC;
	font-size: 1em;
	letter-spacing:0.2em;
	line-height: 1.8em;
}

}