@media (max-width: 1400px) {
    .photo__content {bottom: 378px;}
    .projects h2 {font-size:30px;}
}

@media (min-width: 1250px) {
    .rosgazeta h1.textalign_center {width:820px;}
    .photo__heading h1 {padding: 0 45px;}
    .photo__heading p {padding: 0 45px;}
}

@media (max-width: 1250px) {
    .photo__content {bottom:240px;}
    .row {margin-left: 0px;}
    .row::after, .row::before {content: "";display: table;}
    .row::after {clear: both;}
    .col {display: inline-block; vertical-align: top; width: 100%;}
    
    header .april_logo {margin: 40px 0 0 32px;}
    header .april_logo img {max-width:253px;}

    .photo__container {width:870px;}
    .photo__heading h1 {font-size:30px; margin-bottom:10px;}
    .photo__heading p {font-size:18px;}
    .photo {min-width:850px;}
    .projects {min-width:850px;}
    .projects_logo {width:300px;}
    .projects_logo img {width:70%;}
    .line_atriamagna .projects_logo img,
    .line_gisele .projects_logo img,
    .line_gum .projects_logo img,
    .line_iceberry .projects_logo img,
    .line_ktk .projects_logo img,
    .line_moley .projects_logo img {width:auto;}

    .projects_caption {margin:0 265px 0 300px}
    .projects_caption p {margin-bottom:0;}
    .projects h2 {font-size:28px;}
    .projects_more {width:184px;}
    .projects_more .btn_more {font-size:17px; height:42px; line-height:37px; width:149px;}
    .projects_caption {margin: 0 222px 0 300px;}
    .projects_caption.no_morebtn {margin-right:170px;}
    .line_projects {height:158px;}


    .ipad_hidden {margin-top:80px; padding:0 30px; text-align:center;}
    .ipad_hidden img {width:100%; margin:0;}
    .site_screen {padding:0 30px; text-align:center;}
    .site_screen img {width:100%; margin:0; width:auto;}
    .iphone_present img {width:330px;}
}

@media (max-width: 1100px) {
	.iphone_appstorescreens li {display:block; width:100%; text-align:center;}
	.textalign_center.ipad_descr {margin-top:-5px;}
	.rosgazeta .textalign_center.site_screen img {max-width:968px; width:100%;}
	
}


@media (max-width: 1050px) {
	.about_text {margin-right:0;}
	.about_contacts {float:none; width:100%;}
	.about_text_margin {float:none;}
	.about_contacts div.about_contacts_margin {margin-left:0;}
    .about h1, .listworks_page h1, .page404 h1 {font-size: 46px;}
    .listworks_page h2 {font-size: 30px;}    
    
	main.about, main.about h3 {font-size:16px;}    
	.about_card span.textcv {font-size: 15px; max-width: 390px;}
	
	.icons {display: inline-block; margin-right:5px; background:url(../imgs/icons-mobile.png) 0 0 no-repeat;}
	.icons.fb {width: 18px; height: 17px; background-position: -68px 0; margin-bottom: -4px;}
	.icons.fb.active, .icons.fb:hover, a:hover .icons.fb {width: 18px; height: 17px; background-position: -87px 0}
	.icons.inst {width: 19px; height: 17px; background-position: -106px 0; margin-bottom: -4px;}
	.icons.inst.active, .icons.inst:hover, a:hover .icons.inst {width: 19px; height: 17px; background-position: -125px 0}
	.icons.cv {width: 32px; height: 30px; background-position: 0 0; display: block; float: left; margin-top: 4px; margin-right: 8px; margin-left: -4px;}
	.icons.cv.active, .icons.cv:hover, a:hover .icons.cv {width: 32px; height: 30px; background-position: -35px 0}
    
	main.about .centralblock {padding-top: 0}
    .listworks_container {padding-top: 5px;}
	.about_card {margin-bottom: 38px;}
	footer.about {padding-bottom: 30px; margin-top: 50px; font-size: 14px;}
	header.about nav {font-size: 16px; margin-top: 30px;}
    .vedomosti .inner .media-fullscreeen img {width:100%; max-width: 893px;}
}


/* 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 870px) 
*/
@media (max-width: 870px) {
	.projects h2 {font-size:20px;}
	.photo__container {width:100%; padding-right:10px; padding-left:10px;}
	.projects {min-width:630px;}
	.photo {min-width:630px;}
	.photo__heading h1 {font-size:27px;}
	.projects_more a, .projects_more span {margin-right:10px;}
	.projects_more {width: 177px;}
	.projects_logo {width: 255px;}
	.projects_caption {margin: 0 198px 0 252px;}
	.line_projects {height: 124px;}
	h2 {margin-top:-2px;}
    .ava_photo {width: 60px;}
    .ava_photo img {width: 50px; height: 50px; border-radius: 50px;}
    .ava_contacts {margin-left: 60px;}    
    body .btn.rightnavbtn {font-size:14px; padding: 10px;}
    body .header-small nav .btn.rightnavbtn {font-size:14px; padding: 10px;}
}

/* mobile */
@media screen and (max-width: 768px) {
	.ForMobile {display:block;}
	.ForDesktop {display:none;}
    
    .photo__heading {width: 85%;}
    
	.mediamarkt .textalign_center.iphone_appstorescreens img {max-width:300px;}
	.mediamarkt .iphone_startscreen img {max-width:300px;}
    .inner h1 {width: auto;}
    .textalign_center.brand_about {width: auto;}
    .textalign_center.fixtext {width: 100%; max-width: 740px; padding-left: 20px; padding-right: 20px;}
    h1.brand_h1 {font-size: 30px;}
    .rosgazeta h1.textalign_center {width:auto;}
    
    header .april_logo {margin: 30px 0 0 30px;}
    header .april_logo img {width: 250px;}
    header .april_menu {margin: 30px 30px 0 0;}
    .menu_button {font-size: 17px; padding: 12px 15px;}
    .about_photos {width:100%;}
    .quote {font-size:170%; width:80%;}
}

@media (max-width: 710px) {
	.projects {min-width:inherit;}
	.photo {min-width:inherit;}
	.projects .line_projects {position:relative;}
	.projects .projects_caption .tags {display:none;}
	.projects .projects_more {width:20px; height:26px; position:absolute; right:18px; top:48px;}
	.projects .projects_more em {display:none;}
	.projects .projects_more .btn {background:url(../imgs/more_arrow.png) no-repeat 0 0; width:20px; height:26px; display:block; border:none;}
	.projects .projects_more .btn:hover {opacity:0.7;}
	.projects_caption {margin: 0 61px 0 214px;}
	.projects_caption.no_morebtn {margin-right:20px;}
	.line_projects.line_rosgazeta .projects_logo img {margin-left:-54px;}
	.line_projects.line_moley .projects_logo img {width:150px}
	.line_projects.line_atriamagna .projects_logo img {width:90px}
	.line_projects.line_gum .projects_logo img {width:90px}
	.line_projects.line_ktk .projects_logo img {width:120px}
	.line_projects.line_iceberry .projects_logo img {width:100px}
	.line_projects.line_gisele .projects_logo img {width:150px}
	.projects_logo {width: 217px;}
	.projects h2 {font-size:19px;}
		
	.photo__heading h1 {font-size: 19px; margin-bottom:6px; padding-left: 15px; padding-right: 15px;}
	.photo__heading p {font-size: 15px; line-height: 137%; padding-left: 15px;}
	.photo__content {bottom:162px;}
	.photo__presentation {background-position: center -40px; padding-top: 53%;}
	.textalign_center.iphone_appstorescreens_descr {margin-bottom:150px;}
    
    .listworks_container p {font-size: 16px;}
    .listworks_container h1 {font-size: 26px; font-weight: 400; margin-bottom: -20px; line-height: 100%;}
    .listworks_container h2 {font-size: 16px; font-weight: 400;}
    ul.listprojects li {margin-bottom: 10px;}
    h2.year {margin-bottom: 0;}
    
    .page404 h1 {font-size: 26px; font-weight: 400; line-height: 100%;}
    .page404 p {font-size: 16px;}
    .about h1 {font-size: 26px; font-weight: 400; line-height: 100%;}
}

@media screen and (max-width: 635px) {
    .about_photos_vert {width:100%;}
}

/* retina tablet and mobile */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.ForRetina {display:block;}
	.ForNotRetina {display:none;}

	.icons {background-image: url(../imgs/icons-mobile_2x.png); 
                    background-size: 144px auto;
            -webkit-background-size: 144px auto;
                 -o-background-size: 144px auto;
               -moz-background-size: 144px auto;
    }
	.mediamarkt .textalign_center {width:100%;}
	.mediamarkt .iphone_startscreen.ForRetina img {width:100%; max-width:348px;}
	.mediamarkt .iphone_appstorescreens.ForRetina img {width:100%; max-width:348px;}
	.rosgazeta .ipad_smallcenter.ForRetina img {width:100%; max-width:571px;}
}


/* for iphone Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx),
max-width: 800px { 
	.icons {background-image: url(../imgs/icons-mobile_2x.png); background-size: 144px auto;
            -webkit-background-size: 144px auto;
                 -o-background-size: 144px auto;
               -moz-background-size: 144px auto;
    }
}


@media (max-width: 500px) {    
	.photo__container h1 {font-size:18px;}
	main.about {padding-left: 20px; padding-right: 20px;}
	main.about .centralblock {padding-top: 0}
	footer.about {padding-left: 20px; padding-right: 20px;}
	header.about nav {margin-right: 20px; font-size: 15px; margin-top: 20px;}
    
    .listworks_page {padding-left: 20px; padding-right: 20px;}
    .page404 {padding-left: 20px; padding-right: 20px;}
    
    .header-small nav {margin-right:20px; margin-top:20px;}
    .textalign_center.brand_logo {padding-left: 20px; padding-right: 20px;}
    .header-small {height:105px;}
    
    header {margin-bottom: 15px;}
    header .april_logo {margin: 20px 0 0 20px;}
    header .april_menu {margin: 20px 20px 0 0;}
    header .april_logo img {width: 170px;}
    .menu_button {font-size: 14px; padding: 10px 12px;}
}


@media (max-width: 465px) {
    body {font-size: 16px;}
	.photo__presentation {background-position: center 0; }
	.photo__content {bottom:0px;}
	
	.we_photo {height:450px;}
	.projects {min-width:320px;}
	.photo {min-width:320px;}
	.projects .line_projects {position:relative; height: auto;}
	.projects span.line_projects, .projects a.line_projects .hovershadow {padding:15px 15px 21px 15px;}
	.projects .projects_caption {margin:20px 0 0 0; height:auto; float:none;}
	.projects .projects_logo { width:250px; height:auto; float:none;  position:relative;}
	.projects .projects_caption h2 {font-size:16px; float:left; width:100%; padding-right:40px;}
	.projects .projects_caption.no_morebtn h2 {width:100%;}
	.projects .projects_caption .tags {display:none;}
	.projects .projects_more {width:20px; height:26px; position:absolute; right:15px; top:40px;}
	.projects .projects_more em {display:none;}
	.projects .projects_more .btn {background:url(../imgs/more_arrow.png) no-repeat 0 0; width:20px; height:26px; display:block; border:none;}
	.projects .projects_more .btn:hover {opacity:0.7;}
	.projects .line_projects .projects_logo img {width:140px; position:relative; transform:none; -ms-transform:none; -webkit-transform:none; -o-transform:none; -moz-transform:none; top:0; left:0;}
	.line_projects.line_contacts h2 {padding:0; margin:0;}

	.projects .line_amway .projects_logo img,
	.projects .line_bosco .projects_logo img,
	.projects .line_snob .projects_logo img,
	.projects .line_moley .projects_logo img {width:110px;}
	
	.projects .line_atriamagna .projects_logo img,
	.projects .line_gisele .projects_logo img,
	.projects .line_gum .projects_logo img,
	.projects .line_iceberry .projects_logo img,
	.projects .line_ktk .projects_logo img,
	.projects .line_mama .projects_logo img {width:70px;}	
	.projects .line_themoscowtimes .projects_logo img {width:165px;}

	.photo__container {width:auto;}
	.photo__container p {font-size:15px; padding:0; margin:0;}
    .photo__container h1 {line-height: 130% !important; font-size:19px; padding:0 0 8px 0; margin:0;}
	.photo__content {bottom:151px;}
    .photo__heading {padding-left:10px; padding-right: 10px;}
	
	.photo__heading.ForMobile .phone {font-size:14px;}
	
	.projects .projects_more {right:15px; position:absolute; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.photo__container {padding-left:20px; padding-right:20px}
	.textalign_center.ipad_descr {margin-top:-8px;}
	.textalign_center.iphone_startscreen img, .iphone_appstorescreens li img {width:300px;}
	.textalign_center.iphone_startscreen_descr  {margin-top:-20px;}
	.projects_caption div, .projects_caption span {position:relative; transform:none; top:auto;}
	.line_mediamarkt .projects_caption.no_morebtn, .line_rosgazeta .projects_caption.no_morebtn {margin-right:35px;}
	.line_contacts .projects_caption.no_morebtn {margin-left:0;}
	a.line_projects:hover .btn_more {background-color: transparent;}
	:hover.hovershadow {-webkit-box-shadow: inset 0px 22px 16px -11px rgba(0, 0, 0, 0.2), inset 0px -22px 16px -11px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 22px 16px -11px rgba(0, 0, 0, 0.2), inset 0px -22px 16px -11px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 22px 16px -11px rgba(0, 0, 0, 0.2), inset 0px -22px 16px -11px rgba(0, 0, 0, 0.2)}

    /*  inner page */ 
    .textalign_center.fixtext {width:auto;}
    .textalign_center.brand_about {width:auto; margin-bottom: 35px;}
    h1.brand_h1 {width:auto; font-size:34px;}
    .mediamarkt .carousel > .wrap > ul {height:260px;}
    .carousel {min-width:100%}
    .mediamarkt .carousel {height:260px; min-width:100%}
    .mediamarkt .textalign_center.carousel_line_descr {margin-top:-11px}
    .mediamarkt .textalign_center.brand_logo img {width:100%; max-width:400px;}
    .mediamarkt .textalign_center.iphone_startscreen {margin-top:80px;}
    .mediamarkt .textalign_center.iphone_appstorescreens {margin-top:80px;}
    .rosgazeta .textalign_center.brand_logo img {width:100%; max-width:400px;}
    .vedomosti .textalign_center.media-fullscreeen {margin-bottom: -40px;}
    .textalign_center.site_screen img {width:100%;}
    .textalign_center.site_screen_descr {margin-top:3px;}
    .ipad_smallcenter img {width:100%; max-width:571px;}
    .iphone_present img {width:100%; max-width:320px;}
    .iphone_present img {width:100%; max-width:320px;}
    .rosgazeta .textalign_center.iphone_startscreen {width:100%; max-width:300px;}
    .rosgazeta .textalign_center.brand_about {margin-top:42px;}
    .textalign_center.iphone_startscreen img {width:100%;}
    .iphone_appstorescreens li img {width:100%; max-width:300px;}
    .appicon img {width:100%; max-width:160px;}
    .textalign_center.icon_descr {margin-top:-20px;}
    .textalign_center.ipad_descr {margin-top:3px;}
    .footer {height:400px;}
    .inner_infoblock {padding-bottom:400px;}
    .textalign_center.showmore_btn {margin-top:45px;}
    .carousel_line, .carousel_line_descr {display:none;}

    .vedomosti .inner .media-fullscreeen img {width:100%;}
    .vedomosti .inner .resizeImg {padding-left:0; padding-right:0;}
    .vedomosti .inner .resizeImg .small {margin-top:-11px;}
    .vedomosti .inner .textalign_center.small {margin-top:-25px;}
    .vedomosti .inner .textalign_center.icon_descr.small {margin-top:-15px;}
    .vedomosti .inner .resizeImg {margin-bottom: 138px; margin-top: 66px;}

    .vedomosti .textalign_center.iphone_vedom.ForMobile {margin-top:30px;}
    .vedomosti .textalign_center.iphone_vedom img {width:100%; max-width:348px;}
    .vedomosti .textalign_center.brand_logo img {width:100%; max-width:449px;}

	.photo__presentation {padding-top:90%;}
	.projects .projects_caption {margin-top:14px;}	 
    
    h1.brand_h1 {font-size: 25px; margin-bottom: 30px; padding-left: 20px; padding-right: 20px;}
    .brand_about {font-size: 16px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px;}
    .textalign_center.fixtext {padding-left: 20px; padding-right: 20px;}
}