@media (max-width:1200px){
.project-name h2{font-size:34px}
.vertical-heading{font-size:40px;right:110px;
    -webkit-transform:rotate(-90deg) translateX(50%);
    -moz-transform:rotate(-90deg) translateX(50%);
    -ms-transform:rotate(-90deg) translateX(50%);
    -o-transform:rotate(-90deg) translateX(50%);
    transform:rotate(-90deg) translateX(50%);
}
.featured-carousel-wrap{padding-right:200px}
.big-text{font-size:45px}
.innovative-img img.short-img{margin-right:-230px}
.classic-services-wrapp img{width:550px}
.video-text h3{font-size:32px}
.process-inner h3{font-size:17px}
.big-desc{font-size:20px}
.octa-address strong{font-size:30px}
.octa-address i{font-size:20px}
.big-intro{font-size:60px}
.huge-text i{font-size:300px}
.mod-feat-text h1{font-size:40px}
.mod-feat-text{padding-right:100px}
.contact-box{padding:50px 20px}
.portfolio-single-img.stretch{width:100%;margin-left:0}
.octa-fullpage-title{margin-left:70px}
.feature-text h3{font-size:30px}


.innovative-intro h1{font-size:45px}
.innovative-intro h1 strong{font-size:45px}
	#video #rev_slider_2_1_wrapper, #video #rev_slider_2_1 {
		height: 620px !important;
	}
	.niepodlegla {
		display: none;
	}
	nav{display:none}
	nav ~ a.menu-btn{display:block}

}
@media (min-width:992px){
	.advertItemNumber-1 {
		order: 1;
	}
	.advertItemNumber-2 {
		order: 3;
	}
	.advertItemNumber-3 {
		order: 5;
	}
	.advertItemNumber-4 {
		order: 2;
	}
	.advertItemNumber-5 {
		order: 4;
	}
	.advertItemNumber-6 {
		order: 6;
	}
}
@media (max-width:991px){
.simple-featured h2{font-size:80px}
section .container > .row > div,
section .block > .row > div{margin:0 0 60px}
section .container > .row > div:last-child,
section .block > .row > div:last-child{margin:0}
.big-title{font-size:130px;margin:0 0 -13px}
.masonary > div{width:50%;float:left;max-width:none}
.octa-counters .row > div{width:50%}
.octa-team .row > div{float:left;width:50%}
.project-name{display:unset;float:left;width:100%;padding:40px !important}
.project-video{display:unset;float:left;width:100%;
    -webkit-transform:translate(0);
    -moz-transform:translate(0);
    -ms-transform:translate(0);
    -o-transform:translate(0);
    transform:translate(0);
}
.octa-blog .masonary > div{width:100%}
.octa-contacts-opts{text-align:center}
.octa-contacts-opts .row > div{float:none;display:inline-block;width:50%;margin:0 -2px}
.octa-contacts-opts .row{display:unset} 
.contact-opts i{display:block;width:100%;margin:0 0 15px}
.opt-detail{display:unset;width:100%;text-align:center}
.opt-detail strong{width:100%} 
.contact-opts{padding:0;width:100%}
.vertical-heading{position:relative;transform:none;right:auto;left:auto;top:auto;width:100%;float:left;text-align:center;padding:0 20px;margin-top:30px}
.featured-carousel-wrap{padding:0}
.feature-text{padding:60px 15px}
.feature-text h3{font-size:25px}
.mockup.style2{margin:-300px 0 0}
footer .container > .row > div{max-width:50%;margin:0 0 60px;display:unset;flex:none}
.classic-services-wrapp img{display:unset;width:100%;margin:0 0 80px}
.classic-services-wrapp{display:unset}
.classic-services{padding:0 15px;display:unset;float:left;width:100%}
.octa-processnig > .row > div{margin:0 0 40px}
.octa-processnig > .row > div:last-child{margin:0}
.octa-process .row > div{width:50%}
.video-inner{position:relative;float:left;width:100%;background:#2e2e2e;padding:40px}
.video-text{padding:40px 0 0;text-align:center}
.video-text h3{padding:0 0 30px;margin:0 0 30px}
.fancy-team > .row > div{float:left;width:50%}
.logos-carousel-wrap{margin:0;padding:40px}
.octa-fullpage-title{margin-left:40px}
.octa-fullpage-title h3{font-size:32px;margin:0 0 20px}
.huge-text h1{font-size:50px}
.huge-text i{font-size:200px}
.huge-text{margin:0}
.modern-featured img{width:100%;margin:0}
.modern-featured{margin:0;padding:0 15px}
.mod-feat-text{width:100%;margin:50px 0 0;text-align:center;padding:0} 
.mod-feat-text h1{font-size:40px} 
.special-name{position:relative;float:left;width:94%;transform:none;left:3%;top:-25px}
.octa-gallery .row > div{float:left;width:16.668%}
.portfolio-text .row > div{float:left;width:100%;margin:0 0 50px}
.portfolio-text .row > div:last-child{margin:0}
.portfolio-detail-top{padding:100px 0}
.portfolio-detail-top h1{font-size:50px}
.portfolio-detail.style2 .info-box{width:100%}
.portfolio-detail.style2{padding:0 15px}
.portfolio-detail.style2 > .row > div{float:left;width:100%;margin:0 0 50px}
.portfolio-detail.style2 > .row > div:last-child{margin:0}
.team-detail{display:unset}
.abt-img{display:unset;float:left;width:100%}
.abt-img img{width:100%} 
.team-detail-text{display:unset;float:left;width:100%;padding:40px 0 0}
.team-detail .octa-skills{width:100%}
.team-detail .round-socials{float:left;width:100%;margin:30px 0 0}
.team-detail-text > h1{font-size:40px} 
.team-detail-text > span{font-size:20px}

.main-desc{margin:0}
.map.full{position:relative;float:left;width:100%;margin:0}
.dark-contact-box{margin:0}
.align-self-end .fancy-socials{margin:0 0 20px}
.grid {
	flex-direction: row;
}
.newsBox .col-lg-4, #bottom_row2 .col-lg-4, #top_row1 .col-lg-6 {
	margin-bottom: 60px;
}
.col-lg-4:last-child, .col-lg-6:last-child {
	margin-bottom: 0;
}
	#slider-bg {width: 100%;}
	.slider-title {border: none !important;width: 100%; left: 0 !important;}
	.tp-bullets, .tp-leftarrow, .tp-rightarrow {display: none;}
	#contrastSizeBox {display: none;}
	.niepodlegla {
		display: block;
	}
}


@media (max-width:767px){
header.hdr-border, header{padding:15px 0}
.container, .block .container{max-width:none;width:100%;padding:0 15px}
.big-title{font-size:100px}
.simple-portfolio.no-gap{padding:0 15px}
.full-height{height:auto!important}
.form-btn{right:10px;bottom:10px}
.creative-featured h2{font-size:55px}
.creative-featured i{font-size:25px}
.simple-parallax > h4{font-size:35px;line-height:1.2}
.simple-parallax > p{font-size:22px}
.table-container{display:unset;float:left;width:100%}
.table-container{display:unset}
.octa-welcome{padding:0}
.fullpage-header{width:50px}
.fullmenu-btn{width:50px;font-size:28px;height:50px;line-height:50px}
.blackbar .octa-name{padding:20px 15px 20px 45px;width:260px}
body.menu-opened .fullpage-header .sideheader{left:50px;width:230px}
.split-project{display:unset;float:left;overflow:auto}
.split-img{display:unset;float:left;height:400px;width:100%}
.split-text{display:unset;float:left;width:100%;padding:140px 20px}
.split-text h3{font-size:40px}
.split-quote p{font-size:30px}
.split-text h4{font-size:40px}
.decent-img:hover .decent-hover{transform:translateX(-15px)}
.error-page h1{font-size:160px;margin:0 0 40px}
.error-page span{font-size:20px;padding:5px 20px;margin:0 0 30px}
.error-page p{font-size:18px}
.pagetop h1{font-size:43px}
.pagetop{padding:170px 0 70px}
.octa-author{display:unset}
.octa-author > img{display:unset}
.author-inner{display:unset;padding:30px 0 0;float:left;width:100%}
.octa-author .round-socials{float:left;width:100%;margin:0 0 20px} 
.comment{display:unset;float:left;width:100%}
.comment > img{display:unset}
.comment-inner{display:unset;padding:30px 0 0;float:left;width:100%}
.octa-comments li ul{padding:0} 
.post-title{font-size:24px}
.octa-blog-detail .cat-box{padding:5px 15px}
.octa-blog-detail .cat-box a{font-size:12px}
.subscribe-form button{position:relative;float:left;width:100%;right:0;top:0}
.subscribe-form{height:auto;background:none;border:0}
.subscribe-form input{background:#FFF;height:60px;border-radius:50px;width:100%;padding:0 30px;margin:0 0 10px}
.portfolio-single-img.stretch{margin:0 0 30px;width:100%}
.portfolio-title{font-size:34px}
h2.portfolio-title{font-size:23px}
.project-video a.zoomer img{width:70px}
.abt-img img{transform:none}
.simple-featured{margin:150px 0 100px}
.simple-featured h2{font-size:50px}


.action-text{max-width:none;width:100%}
.call-action .octa-btn{float:left;margin-top:30px}
.pd-filename {width: calc(100% - 110px);}
.fileSize{width: 90px;}
.fileLink{width: 20px;}
.advertLogoBox {position: relative;margin-bottom: 10px;}
.advertTitleBox {padding-left: 0;}
.slider-title {padding: 47px 20px 47px 70px !important; }
.container.relative {position: static;}
#slider {position: relative;}
.niepodlegla {left: 120%; width: 100px; top: 0;}


}

@media (max-width:480px){
.simple-featured h2{font-size:45px}
.col-title{font-size:35px}
.simple-services{padding:30px 30px 20px}
.big-title{font-size:50px;margin:0 0 -4px}
.masonary > div{width:100%}
.simple-hover{padding:30px}
.octa-counters .row > div{width:100%}
.octa-title h2{font-size:42px}
.octa-team .row > div{width:100%}
.octa-post.style2 .date{position:relative;float:left;width:100%;left:0;top:0;right:auto;;margin:0 0 30px}
.octa-post.style2 .post-name{padding:30px}
.octa-contacts-opts .row > div{margin:0;width:100%}
.bottombar p{width:100%;text-align:center;margin:0 0 25px}
.bottombar .socials{width:100%;text-align:center}
.bottombar .socials a{float:none;display:inline-block;margin:0 4px}
.sideheader{width:80%;right:-80%}
.sidemenu ul{padding:0 30px}
.action-text{width:100%;max-width:none;margin:0 0 30px}
footer .container > .row > div{max-width:100%}
.innovative-featured h3{font-size:45px}
.innovative-img img{margin:0;width:100%}
.octa-process .row > div{width:100%}
.fancy-team > .row > div{width:100%}
.octa-fullpage-title{padding:40px 20px}
.octa-fullpage-title h3{font-size:25px}
.octa-fullpage-title .octa-btn{padding:10px 30px;font-size:13px}
.contact-form-inner{width:100%;padding:0 20px;max-height:100%;overflow:auto}
.big-intro{font-size:35px}
.huge-text h1{font-size:30px}
.huge-text i{font-size:90px}
.mod-feat-text h1{font-size:30px}
.octa-gallery .row > div{width:33.334%}
.post-information .round-socials{float:left;width:100%;margin-top:20px}
.find-box p{float:left;width:100%;margin:20px 0 0}
.portfolio-pagination{padding:30px 10px}
.portfolio-pagination a{font-size:24px}
.portfolio-pagination a.prev, .portfolio-pagination a.next{font-size:14px}
.portfolio-pagination a.prev i,.portfolio-pagination a.next i{font-size:20px}
.project-info li{width:100%}
.bottombar .logo{width:100%;text-align:center;margin:0 0 20px}


.innovative-intro h1{font-size:30px}
.innovative-intro h1 strong{font-size:30px}
.stylish-portfolio{width:100%!important}
.slider-title {padding: 40px !important; }
}

@media (max-width:575.85px) {
.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
.col-xs {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-xs-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}
.col-xs-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-xs-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-xs-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xs-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-xs-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-xs-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-xs-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-xs-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-xs-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-xs-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-xs-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-xs-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
	.rodo {
		order: 4;
	}
	#footer .row > div, section .block > .row > div {
    margin: 0 0 20px;
}
	#video {
		display: none;
	}
	/* .slider-title {
		 margin-top: 100px !important;
	}*/
	.niepodlegla {left: 120%; width: 80px}
}