@media only screen and (min-width: 1921px) {
    /* ==================
        FOOTER
    ================== */
    .sf-3 .footer-nav ul li{
        max-width: 220px;
    }
    /* /END min-width: 1921px */
}

@media only screen and (max-width: 1920px) {
    /* ==================
        GENERAL
    ================== */
    .container-width{
        max-width: 1600px;
    }
    .separate-clear{
        clear: both;
    }
    h2{/* margin-top: 2.059em;/*70px*/}

    /* ==================
        HOT NEWS
    ================== */
    .hotnews article:last-child .hotnews-item{
        margin-bottom: 0;
    }

    /* ==================
        LAST ARTICLES
    ================== */
    .last-articles .articles article:last-child{
        margin-bottom: 0;
    }
    .last-blogs .last-blogs-inner article:last-child{
        margin-bottom: 0;
    }		
    /* /END max-width: 1920px */
}
@media only screen and (min-width: 1921px){
		/* ==================
			LAST ARTICLES
		================== */
		.articles-item .article-item-img{
			max-width: 430px;
		}		
}
@media only screen and (min-width: 1681px){
		/* ==================
			LAST ARTICLES
		================== */
		.articles-item .article-item-img{
			max-width: 430px;
		}	
}
@media only screen and (max-width: 1680px) {
    /*  ==================
        GENERAL
    ================== */
    .container-width{
        max-width: 1360px;
    }
    section h2{
        margin-bottom: 1.1471em;/*39px*/
    }
    .main-container.home{
        padding-top: 4.7em; /* only main_1-personal.tpl */
    }
    .col2{
        width: 870px;
    }

    /* ==================
        HEADER
    ================== */
    ul.nav{
        float: right;
    }

    /* ==================
        SERVICES
    ================== */
    #services{
         position: relative;
         top: 0;
         width: 100%;
         z-index:0;
         overflow: hidden;
     }
    .services{
        position: relative;
        margin-top: 9em;
        width: 100%;
    }
        .services h2{
            margin-bottom:2.1765em;
        }
        .services .services-item,
        .services .services-item:nth-child(2n+1){
            width:20%;
        }
		.services-rounded span:hover {
			color: #ffffff;
		}
		.services-rounded span:after {
			top: 0px;
			left: 0px;
			padding:0;
		}

        /* round */
        .services-rounded span:after{
            background:#000; /*52B410   7BC09A*/
        }

    /* ==================
        FEATURES
    ================== */
    .features {
         left:auto;
         position: absolute;
         top:0px;
         width: 100%;
         z-index: 10;
    }
        .features .container-width{
            position: relative;
        }
            .features-block{
                margin-top: 180px;/*140*/
                width:410px;
                padding: 0;
                right: 0;
                position: absolute;
                background-image: none;
            }
                .data-stats{
                    float: none;
                    width: auto;
                }
                    .features-item{
                        display:inline-block;
                        width: 50%;
                        vertical-align: top;
                        margin-bottom: 4.8em;
                    }
                    .features-item span,
                    .features-item i{
                        line-height: 1;
                    }

    /* ==================
        HOT NEWS
    ================== */
    #hotnews{
        width: 440px;
    }

    /* ==================
        LAST ARTICLES
    ================== */
    .last-articles{
        width: 870px;
        float:left;
    }
        .last-articles h5{
            margin-top: 0;
        }
        .last-articles p{
            margin-bottom: 0;
        }
        .articles .col1{
            width: 100%;
        }
        .articles .fl{
            float: none;
        }
            .last-articles article{
                margin-left: 0;
                overflow: hidden;
                margin-bottom: 5em;
            }
                .last-articles .articles-item{
                    max-width: none;
                }
					.articles-item .no-photo{
						height:155px;
						width:350px;
					}
                    .articles-item > img
					.articles-item > .no-photo{
                        float: left;
                        margin-right: 5em;
                        max-width: 350px;
                    }

    /* ==================
       LAST BLOGS
    ================== */
    .last-blogs{
        width: 430px;
        float: right;
        margin-left: 50px;
    }
        .last-blogs-inner article{
            margin-bottom: 6.9em;
        }
        .last-blogs-inner article:nth-child(2n),
        .last-blogs-inner article:last-child,
        .last-blogs-inner article:nth-last-child(2n){
            margin-left: 0;
            margin-bottom: 6.9em;
        }

    /* ==================
        CLIENTS
    ================== */
    #clients{
        margin-left: 0;
        width: 100%;
    }
        .clients{
            width: 100%;
            display: table;
        }
            .clients-item{
                width: 20%;
                padding: 0;
                display: table-cell;
                text-align: center;
            }

    /* ==================
        BIG SLIDER
    ================== */
    .slider .royalSlider{
        height: 630px!important;
    }
    .slider .rsMinW .rsBullets{
        bottom: 2em;
        left:-24em;
    }
        .rsImg.rsABlock.rsRight{
            margin-right: 0;
			max-width: 560px;
            /*max-width: 460px;*/
        }
    /* main gradient */
    .gr,
    .gr_1,
    .gr_2,
    .gr_3,
    .gr_dotted{
        height: 630px;
    }

    /* ==================
        PORTFOLIO
    ================== */
    .portfolio{
        margin-bottom: 9em;
    }
        .portfolio-slider.royalSlider {
            height: 530px;
        }
            .bContainer img.imgProject{
                left: 3em;
            }
            .bContainer .rsRight.rsText{
                width: 282px;
                right: 3em;
                top: 10em;
            }
            .portfolio-slider.rsMinW .rsBullets{
                bottom: 2.4em;
            }

    /* ==================
        FOOTER
    ================== */
    .footer-nav ul{}
    .footer-nav ul li,
    .sf-3 .footer-nav ul li{
        max-width: none;
    }
    /* /END max-width: 1680px */
}

@media only screen and (max-width: 1400px) {
    /* ==================
       GENERAL
    ================== */
    .container-width{
        max-width: 1280px;
    }
    .col2{
        width: 820px;
    }

    /* ==================
        HEADER
    ================== */
    .nav{
        padding-left: 0;
    }

    /* ==================
        BIG SLIDER
    ================== */
    .rsImg.rsABlock.rsRight{
        max-width: 460px;
    }

    /* ==================
        HOT NEWS
    ================== */
    #hotnews{
        width: 420px;
        margin-left: 40px;
    }
        .hotnews-item{
            margin-left: 7em;
            margin-bottom: 3.6em;
        }
        .hotnews article:last-child .hotnews-item{
            margin-bottom: 0;
        }

    /* ==================
        LAST BLOGS
    ================== */
    .last-blogs{
        width: 420px;
        margin-left: 40px;
    }
        .last-blogs-inner article,
        .last-blogs-inner article:nth-child(2n),
        .last-blogs-inner article:nth-last-child(2n){
            margin-bottom: 6.5em;
        }
        .last-blogs-inner article:last-child{
            margin-bottom: 0;
        }
            .last-blogs .last-blogs-info h6{
                line-height: 1.48;
            }

    /* ==================
        LAST ARTICLES
    ================== */
    .last-articles .articles article:last-child{
        margin-bottom: 0;
    }

    /* ==================
        PORTFOLIO
    ================== */
    .bContainer img.imgProject{
        max-width: 440px;
    }

    /* ==================
        FOOTER
    ================== */
    /* cols */
    .sf-1{
        width: 23.5283%;
    }
    .sf-2{
        width: 12.4968%;
        margin-left: 10.1446%;
    }
    .sf-3{
        width: 23.0754%;
        margin-left: 6.1446%;
    }
    .sf-cols .sf-4{
        width: 19.4654%;
        margin-left: 5.1446%;
    }
    /* /END  max-width: 1400px*/
}

@media only screen and (min-width: 1281px) {
    /* ==================
        HEADER
    ================== */
    .navbar-collapse{
        display: block!important;
    }
    /* /END max-width:1281px */
}

@media only screen and (max-width: 1280px) {
    /* ==================
        GENERAL
    ================== */
    .container-width{
        max-width: 960px;
    }
    .separate-clear{
        clear: none;
    }

    /* ==================
        HEADER
    ================== */
    .navbar-container .col2{
        width: 530px;
    }
	/**/
    .navbar-container{
        position: relative;
    }
        .navbar-container .col2{
            width: 100%;
        }
    .navbar-collapse{
        position: absolute;
        top: 117px;
        width: 100%;
        overflow: auto;
        display: none;
    }
    .button-menu{
        display: block;
        position: absolute;
        right: 0;
        top:41px;
        line-height: 1;
    }
    ul.nav{
        width: 100%;
        float: none;
        display: block;
		background-color:#333333;
    }
        .nav li {
            padding: 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
            display: block;
            text-align: center;
            width: 100%;
            float: none;
            background: #333333;
        }
            .nav li a{
                padding: 0;
                font-size: 1.4em;
            }
            .nav > li > a{
                line-height: 40px;
            }
        .nav li:last-child{
            border-bottom: none;
        }
            .nav li a:hover{
                background: #52b410;
            }
            .nav li a,
            .nav li a:visited,
            .nav li a:hover,
            .nav li a:active {
                color: #fff;
            }

            /*dropdown menu*/
            .nav ul {
                width: 100%;
                top: 0;
                left: 0;
                float: none;
                position: relative;
            }
            .nav ul li {
                padding: 0;
                text-align: center;
                background: #222222;
            }
            .nav ul li a{
                padding: 0;
                background: #222222;
            }
            .nav li:hover ul {
                display: none;
            }

    .nav .reveal {
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        display: block;
        position: absolute;
        cursor: pointer;
        -webkit-transition: background-color 200ms ease-in-out;
        -moz-transition: background-color 200ms ease-in-out;
        transition: background-color 200ms ease-in-out;
    }
    .nav .reveal:before {
        color: #FFFFFF;
        font-size: 2em;
        left: 10px;
        position: absolute;
        top: 12px;
    }
    .nav .reveal:active,
    .nav .reveal:hover {
        background-color: #111111;
    }
    .nav .reveal.sub-open {
        background-color: #222222;
        box-shadow: none;
    }	
	
	
	
	
    /* ==================
       FEATURES
    ================== */
    #features .container-width{}
    .features {
        left:0;
        position: absolute;
        top:600px;
    }
        .features-block{
            overflow: hidden;
            margin-top: 0;
            width:100%;
            padding-top:5em;
            right: auto;
            position: relative;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAABCAYAAADErm6rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDkyRTlBNTk3RUFEMTFFM0IxNjZFRDUzQkY0MUUxMTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDkyRTlBNUE3RUFEMTFFM0IxNjZFRDUzQkY0MUUxMTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OTJFOUE1NzdFQUQxMUUzQjE2NkVENTNCRjQxRTExMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OTJFOUE1ODdFQUQxMUUzQjE2NkVENTNCRjQxRTExMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhM7kAgAAAAYSURBVHjaYvz//z8DLmBiYpLGQCEACDAAX24EASFOZ+8AAAAASUVORK5CYII=');
        }
            .data-stats{
                float: right;
                width: 40%;
            }
                .data-stats .features-item{
                    width: 50%;
                }
                .features-item{
                    width: 20%;
                }
                .features-item span,
                .features-item i{
                    line-height: 1;
                }

    /* ==================
        SERVICES
    ================== */
    .services .services-item:nth-child(2n+1),
    .services .services-item{
        width: 33%;
    }
	
    /* ==================
        SERVICES PAGE
    ================== */
	.services-page .wrap-services-text{
		padding-right: 2em;
	}
	.services-page .services-item{
		margin-bottom: 7em;
	}
	
	
    /* ==================
        HOT NEWS
    ================== */
    #hotnews{
        clear:left;
        margin-left: 0;
        /* margin-right:-530px; */
    }

    /* ==================
        LAST ARTICLES
    ================== */
    .last-articles{
        clear:left;
        float: right;
        width: 100%;
        margin-bottom:5em;
    }

    /* ==================
        LAST BLOGS
    ================== */
    .last-blogs h2{
        margin-top: 0;
    }
    .last-blogs-inner article,
    .last-blogs-inner article:nth-child(2n),
    .last-blogs-inner article:nth-last-child(2n){
        margin-bottom: 5em;
    }
    .last-blogs-inner article:last-child{
        margin-bottom: 0;
    }

    /* ==================
        BIG SLIDER
    ================== */
    .slider .royalSlider{
        height: 790px!important;
    }
    .gr,
    .gr_1,
    .gr_2,
    .gr_3,
    .gr_dotted{
        height: 790px;
    }
    .rsImg.rsABlock.rsRight.rsMainSlideImage{
        margin-left: 0!important;
    }
    .slider .rsMinW .rsBullets{
        bottom: 21em;
        left:auto;
    }
    .slide-item.col2{
        width:960px;
    }
    .slide-info{
        float: right;
    }
    .bContainer .rsRight.rsText{
        right: 9%;/*18em*/
        width: 32%;
    }
    .bContainer .rsRight.rsImg{
        right: auto;
    }
    .rsImg.rsABlock.rsRight{
        max-width: 510px;
    }
    .slide-item .slide-info{
        width: 392px;/*350*/
    }
    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-width{
        max-width: none;
    }
        .portfolio.col2{
            width: 100%;
        }
            .portfolio-slider.royalSlider{
                height: 590px;
            }
        .bContainer img.imgProject{
            left: 9%;
            top: 6em;
            max-width: 550px;
        }

    /* ==================
        FOOTER
    ================== */
    /*cols*/
    .sf-cols{}
    .sf-1{
        width: 20.8333%;
    }
    .sf-2{
        width: 12.5%;
        margin-left: 4.1666%;
    }
    .sf-3{
        width: 29.1666%;
        margin-left: 4.1666%;
    }
    .sf-cols .sf-4{
        width: 24.4791%;
        margin-left: 4.1666%;
    }
	
	
	/* ==================
		CONTENT
	================== */
	.list_about .services-item{
		width: 45%;
	}
	
	/* ==================
		BLOGS
	================== */
	.list-blogs article{
		width:100%;
		display:block;
	}
	.list-blogs article:nth-child(2n+1){
		margin-right:0;
	}
	/* ==================
		ABOUT COMPANY
	================== */
	.company-text{
		width:100%;
		float:none;
	}
	.company .company-img{
		margin-left:0;
		width:100%;
		float:none;
		max-width:none;
	}
	.company-img a{
		width:48%;
		float:left;
	}
	.company-img a:nth-child(2n+2){
		margin-left:4%;
	}
	
	/* ==================
		SIDEBAR
	================== */
	div.left_yes.right_yes[role="main"]{

	}
	.container-width.left_yes.right_yes .left_column,
	.container-width.left_yes.right_yes .right_column{
		
	}
	.left_yes.right_yes .outer{
		margin-right: 0;
		float:none;
	}
		.left_yes.right_yes .inner{
			margin: 0;
		}
	.left_yes.right_yes .right_column{
		margin-top:6em;
		float:none;
		width:auto;
	}
		.left_yes.right_yes .right_column .content{
			padding-left:0;
		}
	.container-width.left_yes.right_yes .left_column .content{
		padding: 0;
	}
	.container-width.left_yes.right_yes .left_column .left_column ul li {
		display: inline-block;
		padding: 0 1.6em 0.8em 0;
	}
	/* ==================
		CLIENTS PAGE
	================== */
	.customers .w30,
	.customers .w25,
	.customers .w15{
		width:49%;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.customers .w30{
		margin-bottom:8em;
	}
	.customers > section{
		padding-right:10%;
	}
	.customers > section:nth-child(2n+2){
		padding-right:0;
	}
	
    /* /END max-width: 1280px */
}

@media only screen and (max-width: 1220px) {
    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-slider.royalSlider{
        height: 500px;
    }
        .bContainer img.imgProject{
            left: 9%;
            max-width:42%;/*550px*/
        }
        .bContainer .rsRight.rsText{
            right: 9%;/*18em*/
            width: 32%;
        }
    /* /END max-width: 1220px */
}

@media only screen and (max-width: 1160px) {
    /* ==================
        PORTFOLIO
    ================== */
    .bContainer .rsRight.rsText{
        top: 6em;
    }
    /* /END max-width: 1160px */
}

@media only screen and (max-width: 1060px) {
    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-slider.royalSlider{
        height: 450px;
    }
    /* /END max-width: 1060px */
}

@media only screen and (max-width: 1024px) {
    /* ==================
        GENERAL
    ================== */
    .container-width{
        max-width:960px;
    }

    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-width{
        max-width: none;
    }
    /* /END max-width:1024px */
}

@media only screen and (max-width: 990px) {
    /* ==================
        GENERAL
    ================== */
	.slider .rsNav{
		display:none;
	}
    .container-width{
        max-width:720px;
    }
    h2{
        font-size: 2.8em;
    }
    section h2{
        margin-bottom:1.5em;/*42px/28*/
    }
    .main-container.home{
        padding-top: 1.7em;
        padding-bottom: 5.5em;
    }
	.main-container div[role="main"] h1,
	.main-container.home h2{
		font-size:28px;
	}
    /* ==================
        HEADER
    ================== */
	.navbar-contact{
		padding-left:10%;
	}

    /* ==================
        SERVICES
    ================== */
    .services{
        margin-top: 5em;
    }
        .services h2{
            margin-bottom:1.571em;
        }
        .services-rounded{
            width: 70px;
        }
            .services-rounded span{
                width: 2.1875em;
                height: 2.1875em;/*70*/
                line-height: 2.1875;
            }
        .wrap-services-text{
            padding-left: 9em;
            padding-right: 2.5em;
            line-height: 6.9em;
        }
            .services-text,
			.link-text{
                font-size: 1.4em;
            }

    /* ==================
        SERVICES PAGE
    ================== */
	.services-page .wrap-services-text{
		padding-top: 1.4em;
	}
	.services-page .services-item{
		margin-bottom: 4em;
	}		

    /* ==================
        BIG SLIDER
    ================== */
	.gr, .gr_1, .gr_2, .gr_3, .gr_dotted,
	.slider .royalSlider{
		height:855px !important;/*не было*/
	}
    .slider .rsMinW .rsBullets{
        bottom: 35em;
    }
    .slider .sblock{
        top: 150px;
    }
    .slide-item.col2{
        width:720px;
    }
    .slide-item .slide-info {
        width: 310px;
    }
        .slide-item .slide-info .description{
            margin-bottom:1.5714em;
        }
        .slide-item .slide-info .button{
            padding: 0.864em 2.029em;
        }
    .slide-info h2{
        margin-bottom:0.6429em;/*18*/
    }
    .rsImg.rsABlock.rsRight{
        max-width: 350px;
    }

    /* ==================
        FEATURES
    ================== */
    .features{
        top: 525px;/*460*/
    }
            .features-item{
                display: inline-block;
                margin-bottom:3.5em;
                width: 60%;
                float: none;
            }
                .features-item-inner{
                    text-align: left;
                }
                    .features-item-inner > img,
                    .features-item-inner > span,
                    .features-item-inner > i{
                        float: left;
                    }
                    .features-item-inner span,
                    .features-item-inner > i{
                        font-size: 4.8em;
                    }
                    .features-item-inner p{
                        display: block;
                        max-width: none;
                        margin-top: 0;
                    }
                    .features-item-inner > div{
                        display: block;
                        line-height: 4em;
                    }
                        .features-item-inner > div > div{
                            display: inline-block;
                            position: relative;
                            vertical-align: middle;
                        }
        .data-stats{
            float: right;
            width: 40%;
        }
            .data-stats .features-item{
                width: 100%;
            }
                .data-stats .features-item-inner > div{
                    padding-left: 12.5em;
                }
                .data-stats .features-item-inner p{
                    display: block;
                    line-height: 1.48;
                }
        .dara-sertificate{
            width: 60%;
        }
            .data-sertificate .features-item-inner > div{
                padding-left: 14.5em;
            }
            .data-sertificate .features-item-inner p{
                display: block;
                line-height: 1.48;
            }

    /* ==================
        POTFOLIO
    ================== */
    .portfolio-width{
        max-width: none;
    }
        .portfolio{
            margin-bottom: 5.5em;
        }
		.portfolio-preview{
			width:50%;
		}
		.wrapper-sticky{
			width: 50% !important;
		}
		.portfolio-description{
			width: 50%;
		}
		.portfolio-table th{
			min-width:130px;
		}

    /* ==================
        HOT NEWS
    ================== */
    #hotnews{
        width: 100%;
        clear: both;
    }
        .hotnews article{
            display: inline-block;
            width: 44%;
            vertical-align: top;
        }
        .hotnews article:nth-child(2n){
            margin-left: 11.4%;
        }
            .hotnews-item {
                margin-bottom: 3em;
                margin-left: 5em;
            }

    /* ==================
        LAST BLOGS
    ================== */
    .last-blogs{
        float: none;
        width: 100%;
        margin-left:0;
        margin-top: 4.6em;
    }
        .last-blogs-inner article{
            width: 100%;
        }
        .last-blogs-inner article,
        .last-blogs-inner article:nth-child(2n),
        .last-blogs-inner article:nth-last-child(2n){
            margin-bottom: 4.5em;
        }

    /* ==================
        LAST ARTICLES
    ================== */
    .last-articles{
        margin-top: 4.6em;
        margin-bottom: 2em;
    }
        .last-articles article{
            margin-bottom: 4em;
        }
        .last-articles h2{
            margin-top: 0;
        }
        .last-articles p{
            overflow: hidden;
        }
			.articles-item .no-photo{
				height:137px;
				width:310px;
			}
			.articles-item .article-item-img,
			.articles-item .no-photo{
                max-width: 310px;
                margin-right: 4em;
            }
			.articles-item .article-item-img{
				min-width:310px;
			}

    /* ==================
        FOOTER
    ================== */
    .subfooter{
        padding:20px 0 30px;
    }
        .widget.search{
            margin-bottom: 0;
        }
    /*cols*/
    .sf-cols{}
    .sf-cols > div{
        float: left;
    }
    .sf-cols > div:first-child{}
    .sf-1{
        width: 31.9444%;
    }
    .sf-2{
        width: 19.4444%;
        margin-left: 6.9444%;
    }
    .sf-3{
        width: 34.0277%;
        margin-left: 6.9444%;
    }
    .sf-cols .sf-4{
        width: 31.9444%;
        margin-left: 0;
        float: left;
        margin-top: 21.5em;/*16.5*/
        margin-left: -31.9444%;
    }
    .sf-1 > .widget{
        margin-bottom: 0;
    }
	
	/* ==================
		LOGIN FORM REMIND
	================== */
	.remind .di-form header{
		font-size:2em;
		padding:0.8333em 1.5em;
	}
	.remind .di-form {
		width:350px;
	}
	.remind .di-form.r-login{
		margin-right:2em;
	}

	/* ==================
		CONTENT
	================== */
	.left_column{
		float:none;
		width:100%;
		padding-bottom:4em;
	}
		.left_column .content{
			padding:0;
		}
			.left_column ul li{
				display:inline-block;
				padding:0 1.6em .8em 0;
			}
	div.left_yes[role="main"]{
		margin-left:0;
	}

    /* /END max-width: 990px */
}

@media only screen and (min-width: 991px){
    /* ==================
        HEADER
    ================== */
    ul.nav{
        display: block!important;
    }
    /* /END min-width: 991px */
}

@media only screen and (max-width: 920px) {
    /* ==================
        PORTFOLIO
    ================== */
    .bContainer img.imgProject {
        left: 6%;
        max-width: 44%;
    }
    .bContainer .rsRight.rsText {
        right: 6%;
        width: 38%;
    }
    .documentation_content {
			float				: none;
			padding			: 0;
			width				: 100%;
			text-align	: right;
    }
    .documentation_content .hr_all.hr_fff {display: none;}
    .documentation_header > span {
			display					: inline-block;
			overflow				: hidden;
			padding					: 0.464em 1.429em;
			padding					: 0.864em 2.329em;
			border					: medium none;
			border-radius		: 2px;
			background			: none repeat scroll 0 0 #52B410;
			box-shadow			: 0.071em 0.071em rgba(0, 0, 0, 0.02), 0.143em 0.143em rgba(0, 0, 0, 0.016), 0.214em 0.214em rgba(0, 0, 0, 0.01), 0.286em 0.286em rgba(0, 0, 0, 0.008), 0.357em 0.357em rgba(0, 0, 0, 0.008), 0.429em 0.429em rgba(0, 0, 0, 0.008), 0.5em 0.5em rgba(0, 0, 0, 0.008), 0.571em 0.571em rgba(0, 0, 0, 0.004), 0.643em 0.643em rgba(0, 0, 0, 0.004), 0.714em 0.714em rgba(0, 0, 0, 0.004), 0.786em 0.786em rgba(0, 0, 0, 0.004), 0.857em 0.857em rgba(0, 0, 0, 0.004), 0.929em 0.929em rgba(0, 0, 0, 0.004), 1em 1em rgba(0, 0, 0, 0.004), 1.071em 1.071em rgba(0, 0, 0, 0.004), 1.143em 1.143em rgba(0, 0, 0, 0.004), 1.214em 1.214em rgba(0, 0, 0, 0.004), 1.286em 1.286em rgba(0, 0, 0, 0.004), 1.357em 1.357em rgba(0, 0, 0, 0.004), 1.429em 1.429em rgba(0, 0, 0, 0.004), 1.5em 1.5em rgba(0, 0, 0, 0.004), 1.571em 1.571em rgba(0, 0, 0, 0.004), 1.643em 1.643em rgba(0, 0, 0, 0.004), 1.714em 1.714em rgba(0, 0, 0, 0), 1.786em 1.786em rgba(0, 0, 0, 0), 1.857em 1.857em rgba(0, 0, 0, 0), 1.929em 1.929em rgba(0, 0, 0, 0), 2em 2em rgba(0, 0, 0, 0), 2.071em 2.071em rgba(0, 0, 0, 0), 2.143em 2.143em rgba(0, 0, 0, 0);
			color						: #FFFFFF;
			text-decoration	: none;
			text-shadow			: 1px 1px 0 #4AA30F, 2px 2px 0 #4AA30F, 3px 3px 0 #4AA30F, 4px 4px 0 #4AA30F, 5px 5px 0 #4AA30F, 6px 6px 0 #4AA30F, 7px 7px 0 #4AA30F, 8px 8px 0 #4AA30F, 9px 9px 0 #4AA30F, 10px 10px 0 #4AA30F, 11px 11px 0 #4AA30F, 12px 12px 0 #4AA30F, 13px 13px 0 #4AA30F, 14px 14px 0 #4AA30F, 15px 15px 0 #4AA30F, 16px 16px 0 #4AA30F, 17px 17px 0 #4AA30F, 18px 18px 0 #4AA30F, 19px 19px 0 #4AA30F, 20px 20px 0 #4AA30F, 21px 21px 0 #4AA30F, 22px 22px 0 #4AA30F, 23px 23px 0 #4AA30F, 24px 24px 0 #4AA30F, 25px 25px 0 #4AA30F, 26px 26px 0 #4AA30F, 27px 27px 0 #4AA30F, 28px 28px 0 #4AA30F, 29px 29px 0 #4AA30F, 30px 30px 0 #4AA30F;
			font-size				: 1em;
			line-height			: normal;
			cursor					: pointer;
			cursor					: pointer;
    }
    .documentation_menu {display: none;}
    .documentation_all {position: relative;}
		.documentation_menu.showed {
			position			: absolute;
			top						: 50px;
			right					: 0;
			display				: block;
			padding				: 0.5em;
			border				: 1px solid #52B437;
			border-radius	: 5px;
			background		: none repeat scroll 0 0 #FFFFFF;
			text-align		: left;
		}
    /* /END max-width: 920px */
}

@media only screen and (max-width: 750px){ /*768*/
    /* ==================
         GENERAL
    ================== */
    .container-width{
        max-width: 440px;
    }
    h2{
        font-size: 2.4em;
    }
    .main-container.home{
        padding-bottom: 0;
    }
	.main-container div[role="main"] h1,
	.main-container.home h2{
		font-size:24px;
	}

    /* ==================
        HEADER
    ================== */
    #sticktop{
        position: relative!important;
    }
        .is-sticky .navbar{
            background: none!important;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
        }
        .is-sticky .navbar-container{
            /*padding-top:0.7em;*/
        }
        .is-sticky .navbar-collapse{
            /*top: 111px;*/
        }
    .navbar-collapse{
        top: 131px;
    }
    .navbar-header{
        line-height: 1.6;
    }
    .navbar-container{
        padding: 2.7em 0 2em;
    }	
    .button-menu{
		text-align:left;
        position: relative;
        top: 0;
    }
    .basketviewer {
    	right: auto;
    	left: 90px;
    	top: 81px;
    }
    .navbar-contact{
        line-height: 1.48;
        float: right;
        margin-top: 2em;
		padding-left:0;
    }
        .navbar-contact .phone{
            display: block;
            margin-right: 0;
            margin-bottom:0.625em;/*10px*/
        }

    /* ==================
        FEATURES
    ================== */
    .features-item{
        width: 50%;
        margin-bottom: 3em;
    }
        .data-stats{
            width: 37%;
        }
        .data-stats .features-item:nth-child(2) .features-item-inner span,
        .data-stats .features-item:nth-child(2) .features-item-inner > i{
            padding-top:0.4em;
        }
        .data-sertificate .features-item-inner > div,
        .data-stats .features-item-inner > div{
            padding-left: 9em;
        }
            .features-item-inner > img{
                max-width: 70px;
            }
            .features-item-inner span,
            .features-item-inner > i{
                font-size: 3.8em;
            }

    /* ==================
        SERVICES
    ================== */
    .services .services-item:nth-child(2n+1){
        padding-left: 2em;
    }
    .services .services-item:nth-child(2n+1),
    .services .services-item{
        width: 50%;
    }
        .wrap-services-text{
            padding-right: 1.5em;
        }
    .btn-calculator{}

    /* ==================
        SERVICES PAGE
    ================== */
	.services-page .wrap-services-text{
		padding-top:1em;
	}
	.services-page .services-item{
		width:100%;
	}	
	
     /* ==================
        BIG SLIDER
    ================== */
	.slider small{
		font-size:75%;
	}
    .gr,
    .gr_1,
    .gr_2,
    .gr_3,
    .gr_dotted,
    .slider .royalSlider{
        height: 790px!important;/*750*/
    }
    .slide-item.col2{
        width: 440px;
    }
    .slide-item .slide-info{
        width: 215px;
    }
    .slide-info h2{
        font-size: 1.8em;
    }
    .rsImg.rsABlock.rsRight{
        max-width: 190px;
    }
    .slide-item .slide-info .button{
        position: absolute;
        width: 100%;
        left: 0;
		bottom:-45px;
		top:auto;
		/*top:170px;/*170*/
        text-align: center;
    }
	.slide-item .slide-info .description ul li{
		margin-bottom:0.6em;
	}
	.slider .rsMinW .rsBullets{
		bottom:36em;
	}
    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-width{
        max-width: none;
    }
        .portfolio-slider.royalSlider{
            height: 360px;
        }
        .project-title{
            font-size: 2.2em;
        }
        .project-description{
            display: none;
        }
        .project-url-block{
            margin-bottom: 1.4em;
        }
    .bContainer img.imgProject,
    .bContainer .rsRight.rsText{
        top: 5em;
    }
	.page_next, 
	.page_prev{
		top:0px;
	}

		.portfolio-preview{
			width:100%;
		}
		.wrapper-sticky{
			padding-top:40px;
			width:100% !important;
			float:left!important;
			overflow:visible;
		}
		.wrapper-sticky:after{
			content:"";
			display:table;
			clear:both;
		}
		.portfolio-description{
			width:100%!important;
		}
		.portfolio-description-wrapper{
			padding:0 0 20px 0px;
		}
	
    /* ==================
        HOT NEWS
    ================== */
    .hotnews article{
        width: 100%;
    }
    .hotnews article:nth-child(2n){
        margin-left: 0;
    }

    /* ==================
       LAST BLOGS
    ================== */

    .last-blogs{
        margin-top: 6em;
    }
        .last-blogs-inner article,
        .last-blogs-inner article:nth-child(2n),
        .last-blogs-inner article:nth-last-child(2n){
            margin-bottom: 2.5em;
        }

    /* ==================
        LAST ARTICLES
    ================== */
    .last-articles article{
        margin-bottom: 3.5em;
    }
		.articles-item .no-photo{
			height:190px;
			width:100%;
            max-width: 430px;
            margin-right: 0;
            float: left;
            margin-bottom: 2.4em;
        }
		.articles-item .article-item-img{
			display:block;
			float:none;
			min-width:inherit;
			max-width:inherit;
			margin-right: 0;
			margin-bottom: 2.4em;
			text-align:center;
		}

    /* ==================
        CLIENTS
    ================== */
    .clients{
        display: block;
    }
        .clients-item{
            display:inline-block;
            width: 32%;
            vertical-align: top;
            margin-bottom: 3.5em;
        }
            .clients-item img{
                max-width: 140px;
            }

    /* ==================
        FOOTER
    ================== */
    .widget{
        overflow: hidden;
    }
    /*.footer-nav ul li{
        float: none;
        display: inline;
        margin-right: 0.3em;
    }*/
	.footer-nav ul li{
        /*float: left;*/
        display: inline-block;
        margin-right: 0.3em;
		width:auto;
    }
    .footer-nav ul li:after {
        content: "•";
        padding-left: 0.5em;
    }
    .footer-nav ul li.last{
        margin-right: 0;
    }
    .footer-nav ul li.last:after{
        content:"";
        padding-left: 0;
    }

    /* cols */
    .sf-1{
        width: 46%;
    }
    .sf-cols .sf-4{
        width: 46%;
        margin-left: -46%;
    }
    .sf-3,
    .sf-2{
        width: 46%;
        margin-left: 8%;
    }
    .sf-cols .sf-3,
    .sf-cols .sf-2{
        float: right;
    }
    .sf-2 .widget,
    .sf-3 .widget{
        margin-bottom: 0.5em;
    }
	
/* ==================
	LOGIN FORM REMIND
================== */
	.remind .di-form header{
		font-size:1.8em;
		padding:0.8333em 1.6667em;/*15px*/
	}
	.remind .di-form {
		display:block;
		width:100%;
	}
	.remind .di-form.r-login{
		margin-right:0;
		margin-bottom:2em;
	}	
	
	/* ==================
		CONTENT
	================== */
	.list_about{
		padding-top:3em;
	}
	.list_about .services-item{
		width: 100%;
		margin-right: 0;	
		padding-bottom:1.2em;
	}
	
	.gallery.col-4 figure{
		width:46%;
	}

	/* ==================
		SINGLE BLOGS
	================== */
	.blogs-comments-result,
	.form-blogs-comments{
		width:100%;
	}
	
		/* ==================
			BLOGS COMMENTS
		================== */
		.blogs-comments-img img{
			max-width:30px;
		}
		.blogs-comments-container.active{
			padding:1.2em;
		}
		.comments-level-2{
			margin-left:4em!important;
		}
			.comments-level-3{
				margin-left:8em!important;
			}
				.comments-level-4{
					margin-left:11em!important;
				}
					.comments-level-5{
						margin-left:14em!important;
					}
						.comments-level-6{
							margin-left:17em!important;
						}
						
	.vacantion-info{
		float:none;
		margin-bottom:2em;
	}
	
	/* ==================
		CLIENTS PAGE
	================== */	
	.customers .w30,
	.customers .w25,
	.customers .w15{
		width:100%;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.customers .w30,
	.customers .w25{
		margin-bottom:8em;
	}
	.customers > section{
		padding-right:0;
	}
	.customers > section:nth-child(2n+2){
		padding-right:0;
	}
	.customers .services-text,
	.customers .link-text{
		font-size:1.6em;
	}
	
    /* /END max-width: 750px */
}
@media only screen and (max-width: 660px) {
    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-slider.royalSlider{
        height: 320px;
    }
        .project-title{
            font-size: 1.8em;
        }
    /* /END max-width: 660px */
}


@media only screen and (max-width: 600px) {
    /* ==================
        PORTFOLIO
    ================== */
	.page_next, 
	.page_prev{
		width: 50px;
	}
	.portfolio-item .close {
		height: 50px;
		width: 50px;
		font-size:30px;
		line-height:50px;
	}
}
@media only screen and (max-width: 540px) {
    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-slider.royalSlider{
        height: 300px;
    }
        .project-title{
            font-size: 1.6em;
        }
    /* /END max-width: 540px */
}
@media only screen and (max-width: 460px) {
    /* ==================
        GENERAL
    ================== */
    .container-width{
        max-width: 280px;
    }
    section h2{
        margin-bottom: 1.7083em;
    }

    /* ==================
        HEADER
    ================== */
    a.logo{
        font-size: 2.5em;
    }
    .button-menu{
        text-align: left;
    }
    .navbar-container{
        padding: 3.5em 0 2em;
    }
			.navbar-contact{
				margin-top: 1em;
			}
				.navbar-contact {
				}
				.navbar-contact .button{
					padding:0.464em 1em;
				}
				.navbar-contact .phone{
					margin-bottom: 0.4em;
				}
				
				
		.navbar-collapse{
			top: 125px;
		}
		.basketviewer {top: 75px; left: 88px;}
		.basketviewer a {padding: 0.1em 0.25em 0.18em;}
		.basketviewer .icon-cart {font-size: 0.865em;}
		.basketviewer figcaption {display:none;}

    /* ==================
        BIG SLIDER
    ================== */
	.slider small{
		font-size:65%;
	}
    .slider .royalSlider,
    .gr,
    .gr_1,
    .gr_2,
    .gr_3,
    .gr_dotted{
        height: 785px!important;/*720*/
    }
    .slider .rsImg.rsABlock{
        display: none!important;
    }
    .slide-item.col2{
        width: 280px;
    }
        .slide-item .slide-info{
            width: 100%;
        }
        .slide-info{
            float: none;
        }
            .slide-info h2{
                font-size: 2.4em;
            }
            .slide-item .slide-info .description{
                margin-bottom: 0.5em;
            }
            .slide-item .slide-info .button{
                padding: 0.864em 0em;
				top:auto;
            }

    /* ==================
        FEATURES
    ================== */
    .features{
        top: 485px;/*420*/
    }
        .features-block{
            padding-top: 4em;
        }
            .features-item{
                width: 100%;
                margin-bottom: 1em;
            }
                .features-item-inner span,
                .features-item-inner > i{
                    font-size: 3.6em;
                }
                .features-item-inner > div{
                    line-height: 3.2;
                }
        .data-stats{
            width: 100%;
            float: none;
        }
            .data-stats .features-item{
                overflow: hidden;
            }
                .data-stats .features-item:nth-child(2) .features-item-inner span,
                .data-stats .features-item:nth-child(2) .features-item-inner > i{
                    padding-top: 0;
                }
        .data-sertificate .features-item-inner > div,
        .data-stats .features-item-inner > div{
            padding-left: 8em;
        }

    /* ==================
        SERVICES
    ================== */
    .services h2{
        margin-bottom: 0.8333em;/*20px*/
    }
    .services .services-item:nth-child(2n+1),
    .services .services-item{
        width: 100%;
    }
    .services .services-item:nth-child(2n+1){
        padding-left: 0;
    }
        /*round*/
        .services-rounded{
            width: auto;
        }
        .services .services-item{
            margin-bottom: 1.2em;
        }
        .out-services-text .btn-calculator,
        .btn-calculator{
            position: relative;
        }
		.services-rounded span:hover {
			color: #252525;
		}
        .services-rounded span{
            height: auto;
            width: auto;
            line-height: 1;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            background: #fff;
        }
        .wrap-services-text{
            line-height: 3.2;
            padding-left:4.5em;
        }
        .services-rounded span:after{
            background: none;
        }

    /* ==================
        SERVICES PAGE
    ================== */
	.services-page .services-rounded span{
		background:transparent;
	}	
	.services-page .wrap-services-text{
		padding-top: 0;
		padding-right: 0;
	}
	.services-page .services-item .services-text i {
		padding-top:0.2857em;
	}
	.services-page .services-item{
		display:block;
	}		

    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-width{
        max-width: none;
    }
        .portfolio{
            margin-bottom: 5em;
        }
            .portfolio-slider.royalSlider{
                height: 550px; /*430*/
            }
                .project-title{
                    font-size: 1.4em;
                }
                .project-url-block{
                    margin-bottom: 1.4em;
                }

    .bContainer img.imgProject {
        left: 8%;
        max-width: 84%;
        right: 8%;
    }
    .bContainer .rsRight.rsText{
        left: 10%;
        width: 80%;
        right: 10%;
        padding-top: 65%;
    }
    /* ==================
        LAST BLOGS
    ================== */
    .last-blogs-item .last-blogs-img{
        float: none;
        margin-right: 0;
        margin-bottom: 3em;
    }
    .last-blogs-inner article,
    .last-blogs-inner article:nth-child(2n),
    .last-blogs-inner article:nth-last-child(2n){
        margin-bottom: 5em;
    }

    /* ==================
        CLIENTS
    ================== */
    .clients-item{
        width: 49%;
    }
        .clients-item img{
            max-width: 130px;
        }

    /* ==================
        FOOTER
    ================== */
    .copy{
        margin-top: 1em;
    }
    .widget{
        overflow: hidden;
    }
    .widget.search{
        margin-bottom: 2.2em;
    }
    /*.footer-nav ul li{
        float: none;
        display: inline;
        margin-right: 0.5em;
    }*/
    .search input[type="text"]{
        margin-bottom: 0;
    }
    /* cols */
    .sf-1{
        width: 100%;
    }
    .sf-cols .sf-4{
        width: 100%;
        margin-left:0;
        margin-top: 0;
    }
    .sf-3{
        margin-top: 1.4em;
    }
    .sf-3,
    .sf-2{
        width: 100%;
        margin-left:0;
    }
	
	/* ==================
		POPUP
	================== */
	.popup {
		margin-left: -145px!important;
		width: 290px;
	}
	.popup .icon-cancel {
		right: -0.75em;
		top: -0.75em;
	}

	/* ==================
		DI FORM
	================== */
	.di-form header{
		font-size: 2em;
		padding:0.8333em 0.8333em;
	}
	.di-form fieldset{
		padding:2em 1.5em 0;
	}
	.di-form footer{
		padding:1em 1.5em 2em;
	}	
	
	/* ==================
		LOGIN FORM REMIND
	================== */
	.remind .di-form header{	
		padding:0.8333em 0.8333em;
	}
	.subscribe{
		width:100%;
	}
	/* ==================
		SUBSCRIBE FORM
	================== */	


	/* ==================
		CONTENT
	================== */	
	.gallery.col-4 figure{
		width:100%;
		margin-right: 0;
	}
	
	/* ==================
		SINGLE VACATION
	================== */
	.form-vacation input[type="submit"]{
		margin-top: 0;
		width: 100%;
	}
	.form-vacation header,
	.form-vacation fieldset,
	.form-vacation footer{
		padding-right:0;
		padding-left:0;
	}
	
	/* ==================
		LIST VACATION
	================== */
	table.list-vacation,
	.list-vacation  thead,
	.list-vacation tbody,
	.list-vacation th,
	.list-vacation td,
	.list-vacation tr { 
		display: block; 
	}
	.list-vacation thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.list-vacation tr { 
		border-bottom: 1px solid #fff; 
		margin-bottom:1em;
	}
	.list-vacation td { 
		/* Ведет себя как строка */
		border: none;
		border-bottom: 1px solid #dddddd; 
		position: relative;
		padding-left: 40%; 
	}
	.list-vacation td:before { 
		position: absolute;
		top: 0em;
		left: 0em;
		width: 35%;
		white-space: nowrap;
		
		background:#52B410;
		height: 100%;
		padding-left: 1em;
		padding-top: 1em;
		
		color:#ffffff;
		box-shadow: 4px 0 0 #408B0C;
		-moz-box-shadow: 4px 0 0 #408B0C;
		-webkit-box-shadow: 4px 0 0 #408B0C;	
	}
	.list-vacation tr td:first-child{
		border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
	}
	.list-vacation tr td:last-child{
		border-bottom:none;
		border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;
	}
	.list-vacation td:first-child:before { 
		border-radius: 6px 0 0 0px;
		-moz-border-radius: 6px 0 0 0px;
		-webkit-border-radius: 6px 0 0 0px;
	}
	.list-vacation td:last-child:before { 
		border-radius: 0px 0 0 6px;
		-moz-border-radius: 0px 0 0 6px;
		-webkit-border-radius: 0px 0 0 6px;
	}
	
	.list-vacation td.align-center{text-align:left;}
	.list-vacation td:nth-of-type(1):before { content: "Должность"; }
	.list-vacation td:nth-of-type(2):before { content: "Оклад, руб"; }
	.list-vacation td:nth-of-type(3):before { content: "Опыт"; }
	
	/* ==================
		BLOGS
	================== */
	.list-blogs-img{
		float:none;
		margin-right:0;
		margin-bottom: 3em;
	}
	.blogs-edit .blogs-edit-submit{
		float:none;
		margin-left:0;
	}
	.blogs-edit .blogs-edit-select{
		width:100%;
	}
	.blogs-edit{
		overflow:hidden;
		height:auto;
	}

	
	/* ==================
		SINGLE BLOGS
	================== */	
	.form-blogs-comments input[type="submit"]{
		width:100%;
	}
	
		/* ==================
			BLOGS COMMENTS
		================== */
		.form-blogs-comments fieldset{
			padding:0;
			padding-bottom:0.5em;
		}
		.blogs-comments-img img{
			max-width:30px;
		}
		.form-blogs-comments footer{
			padding:0;
		}
		.comments-level-2{
			margin-left:0!important;
		}
			.comments-level-3{
				margin-left:0!important;
			}
				.comments-level-4{
					margin-left:0!important;
				}
					.comments-level-5{
						margin-left:0!important;
					}
						.comments-level-6{
							margin-left:0!important;
						}	

	/* ==================
		CLIENTS PAGE
	================== */	
	
	.customers .services-rounded span{
		border-radius:0;
		background:transparent;
	}
	.customers .services-rounded span{
		font-size:3.4em;
	}
	/* ==================
		ABOUT COMPANY
	================== */

	.company-img a{
		width:100%;
		float:none;
	}
	.company-img a:nth-child(2n+2){
		margin-left:0;
	}
	
	/* ==================
		PAGINATION
	================== */
	.pagination i{
		display:none;
	}
	
	
    /* /END max-width: 460px */
}

@media only screen and (max-width: 440px) {

	/* /END max-width: 440px */
}
@media only screen and (max-width: 420px) {
    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-slider.royalSlider{
        height: 500px;
    }
	/* /END max-width: 420px */
}
@media only screen and (max-width: 320px) {
    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-slider .rsText .button{
        display: block;
        text-align: center;
    }
    /* /END max-width: 320px */
}

@media only screen and (max-width: 319px) {
    /* ==================
        GENERAL
    ================== */
    body{
        min-width: 319px;
    }
    .container-width{
        min-width: 280px;
    }

    /* ==================
        PORTFOLIO
    ================== */
    .portfolio-slider.royalSlider{
        height: 460px;
    }
    /* /END max-width: 319px */
}