
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {

    .homeHeader .logo {
        text-align: center;
        padding: 15px 0px;
    }

    #slider .item .slideTemplateOne .spot {
        top: 20%;
    }

    #slider .item .slideTemplateOne .spot h1 {
        font-size: 17px;
    }

    #slider .item .slideTemplateOne .spot h1 p {
        margin-bottom: 0px;
    }

    #slider .itemslideTemplateOne {
        background-position-x: 88%!important;
    }

    #slider .item .slideTemplateTwo .spot {
        top: 70%;
    }

    #slider .item .slideTemplateTwo .spot h1 {
        font-size: 15px;
    }

    #slider .item .slideTemplateThree .spot {
        top: 3%;
        left: 0%;
        width:  80%;
    }

    #slider .item .slideTemplateThree .spot h1 {
        font-size: 15px;
        width: 100%;
    }

    #slider .item .slideTemplateThree .spot h2 {
        margin-left: 0px;
    }


    .langSelector {
        margin-top: -55px;
        text-align: center;
    }

    .homeHeader .langSelector {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .defaultHeader .logo {
        text-align: center;
    }

    .defaultPage .pageWrapper {
        padding: 15px 0px;
    }

    .defaultPage .pageWrapper .pageContent {
        padding-left: 0px;
    }

    .defaultPage .pageWrapper .rightArea {
        margin-top: 0px;
    }



    .defaultPage .pageWrapper .pageContent .managers .manager {
        margin-bottom: 15px;
    }



    .coparativeBanner .img .spot {
        top: 25%;
        left: 5%;
    }

    .coparativeBanner .img .spot h1 {
        width: 100%;
        font-size: 11px;
    }

    .coparativeBanner .img .spot h2 {
        margin-top: 10px;
        font-size: 11px;
    }

    .ekipBanner .img .spot {
        top: 25%;
        left: 9%;
    }

    .ekipBanner .img .spot h1 {
        width: 100%;
        font-size: 11px;
    }

    .ekipBanner .img .spot h2 {
        margin-top: 10px;
        font-size: 11px;
    }

    .newsBanner .img .spot {
        top: 25%;
        left: 9%;
        text-align: right;
        padding: 0px;
        /* background: transparent; */
    }

    .newsBanner .img .spot h1 {
        width: 100%;
        font-size: 11px;
    }

    .newsBanner .img .spot h2 {
        margin-top: 10px;
        font-size: 11px;
    }

    .referancesBanner .img .spot {
        top: calc(50% - 14px);
        left: 5%;
    }

    .referancesBanner .img .spot h1 {
        font-size: 11px;
    }

    .referancesBanner .img .spot h2 {
        margin-top: 5px;
        font-size: 10px;
    }

    .ikBanner .img .spot {
        top: calc(50% - 14px);
        left: 5%;
    }

    .ikBanner .img .spot h1 {
        font-size: 11px;
    }

    .ikBanner .img .spot h2 {
        margin-top: 5px;
        font-size: 10px;
    }

    .awardsBanner .img .spot {
        top: calc(50% - 20px);
        left: 5%;
    }

    .awardsBanner .img .spot h1 {
        font-size: 11px;
    }

    .awardsBanner .img .spot h2 {
        margin-top: 5px;
        font-size: 10px;
    }


    .defaultPage .pageWrapper .pageContent .title {
        padding: 20px 0px 10px 0px;
    }

    .defaultPage .pageWrapper .pageContent .groupFirms .img {
        text-align: center;
    }


    .equipList .equipRow {
        padding-left: 0px;
    }

    .equipList .equipRow .item {
        width: 100%;
    }




    .newsList .item .listDetail {
        height: auto;
    }

    .newsList .item .listDetail .date {
        font-size: 13px;
        padding: 10px 0px 0px 0px;
        /* text-align:  center; */
    }

    .newsList .item .listDetail .title {
        padding: 5px 0px;
        font-size: 14px;
    }

    .newsList .item .listDetail .content {
        font-size: 13px;
    }

    .newsList .item .listDetail .more {
        bottom: -25px;
    }

    .newsList .item .listDetail .more .moreButton {
        font-size: 13px;
    }

    .newsDetail .newsTitle {
        font-size: 14px;
    }

    .newsDetail .newsDate {
        font-size: 12px;
        text-align: left;
    }

    .newsDetail .photoGallery {
        margin: 10px 0px;
    }

    .refList {
        padding: 0px;
    }

    .awardsList {
        padding: 0px;
    }

    #contactPage .pageWrapper .pageContent .form .titleContactForm {
        padding-top: 5px;
    }

    footer .footerWrapper .copyright {
        font-size: 11px;
    }

    .refListV2 .grid-item {
        width: 100%;
    }

}

@media only screen and (min-device-width : 481px) and (max-device-width : 767px) {

    .homeHeader .logo {
        text-align: center;
        padding: 10px 0px;
    }

    .homeHeader .langSelector {
        text-align: center;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .defaultHeader {
        padding: 20px 0px;
    }

    .defaultHeader .logo img {
        max-width: 50%;
    }

    #slider .item .slideTemplateOne .spot {
        top: 20%;
    }

    #slider .item .slideTemplateOne .spot h1 {
        font-size: 17px;
    }

    #slider .item .slideTemplateOne .spot h1 p {
        margin-bottom: 0px;
    }

    #slider .item .slideTemplateOne .spot h2 {
        margin-top: 10px;
    }

    #slider .itemslideTemplateOne {
        background-position-y: 91%!important;
    }

    #slider .item .slideTemplateTwo .spot {
        top: 55%;
    }

    #slider .item .slideTemplateTwo .spot h1 {
        font-size: 15px;
    }

    #slider .item .slideTemplateTwo .spot h2 {
        margin-top: 10px;
    }

    #slider .item .slideTemplateThree .spot {
        top: 15%;
        left: 0%;
        width: 37%;
    }

    #slider .item .slideTemplateThree .spot h1 {
        font-size: 15px;
        width: 100%;
    }

    #slider .item .slideTemplateThree .spot h2 {
        margin-left: 0px;
    }




    .defaultHeader .logo {
        text-align: center;
    }

    .defaultPage .pageWrapper {
        padding: 15px 0px;
    }

    .defaultPage .pageWrapper .pageContent {
        padding-left: 0px;
    }

    .defaultPage .pageWrapper .rightArea {
        margin-top: 0px;
    }







    .coparativeBanner .img .spot {
        top: calc( 50% - 22px );
        left: 9%;
    }

    .coparativeBanner .img .spot h1 {
        width: 100%;
        font-size: 11px;
    }

    .coparativeBanner .img .spot h2 {
        margin-top: 10px;
        font-size: 11px;
    }

    .ekipBanner .img .spot {
        top: calc( 50% - 17px );
        left: 9%;
    }

    .ekipBanner .img .spot h1 {
        width: 100%;
        font-size: 11px;
    }

    .ekipBanner .img .spot h2 {
        margin-top: 10px;
        font-size: 11px;
    }

    .newsBanner .img .spot {
        top: calc( 50% - 32px );
        left: 9%;
        text-align: right;
        padding: 15px;
        /* background:  transparent; */
    }

    .newsBanner .img .spot h1 {
        width: 100%;
        font-size: 11px;
    }

    .newsBanner .img .spot h2 {
        margin-top: 10px;
        font-size: 11px;
    }

    .referancesBanner .img .spot {
        top: calc( 50% - 14px );
        left: 5%;
    }

    .referancesBanner .img .spot h1 {
        font-size: 11px;
    }

    .referancesBanner .img .spot h2 {
        margin-top: 5px;
        font-size: 10px;
    }

    .ikBanner .img .spot {
        top: calc( 50% - 14px );
        left: 5%;
    }

    .ikBanner .img .spot h1 {
        font-size: 11px;
    }

    .ikBanner .img .spot h2 {
        margin-top: 5px;
        font-size: 10px;
    }

    .awardsBanner .img .spot {
        top: calc( 50% - 14px );
        left: 5%;
    }

    .awardsBanner .img .spot h1 {
        font-size: 11px;
    }

    .awardsBanner .img .spot h2 {
        margin-top: 5px;
        font-size: 10px;
    }



    .defaultPage .pageWrapper .pageContent .title {
        padding: 20px 0px 10px 0px;
    }

    .defaultPage .pageWrapper .pageContent .groupFirms .img {
        text-align: center;
    }

    .equipList .equipRow {
        padding-left: 0px;
    }

    .equipList .equipRow .item {
        width: 100%;
    }




    .newsList .item .listDetail {
        height: auto;
    }

    .newsList .item .listDetail .date {
        font-size: 13px;
        padding: 10px 0px 0px 0px;
        /* text-align:  center; */
    }

    .newsList .item .listDetail .title {
        padding: 5px 0px;
        font-size: 14px;
    }

    .newsList .item .listDetail .content {
        font-size: 13px;
    }

    .newsList .item .listDetail .more {
        bottom: -25px;
    }

    .newsList .item .listDetail .more .moreButton {
        font-size: 13px;
    }

    .newsDetail .newsTitle {
        font-size: 14px;
    }

    .newsDetail .newsDate {
        font-size: 12px;
        text-align: left;
    }

    .newsDetail .photoGallery {
        margin: 10px 0px;
    }

    #contactPage .pageWrapper .pageContent .form .titleContactForm {
        padding-top: 5px;
    }

    footer .footerWrapper .copyright {
        font-size: 11px;
    }

    .mobileMenu .information {
        position: relative;
    }

    .awardsList {
        padding: 0px;
    }

    .refListV2 .grid-item {
        width: 100%;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px){

    .homeHeader .menu ul {
        margin-top: 0px;
    }

    .homeHeader .menu ul li {
        padding: 13px 4px;
    }

    .homeHeader .menu ul li a {
        font-size: 13px;
    }

    .langSelector {
        margin-top: -25px;
    }

    .homeHeader .langSelector {
        padding-right: 0px;
    }

    #slider .itemslideTemplateOne {
        background-position-x: 75%!important;
    }

    #slider .item .slideTemplateOne .spot {
        top: 45%;
    }

    #slider .item .slideTemplateThree .spot {
        left: 7%;
        top: 4%;
    }

    .defaultHeader {
        padding: 30px 0px;
    }

    .defaultHeader .menu {
        padding-left: 0px;
    }

    .defaultHeader .menu ul li {
        padding: 0px 5px;
    }

    .defaultHeader .menu ul li a {
        font-size: 11px;
    }

    .defaultPage .pageWrapper {
        padding: 15px 0px;
    }

    .defaultPage .pageWrapper .pageContent {
        padding: 0px;
    }

    .defaultPage .pageWrapper .pageContent .title {
        padding: 0px 0px 15px 0px;
    }

    .coparativeBanner .img .spot {
        top: 30%;
        left: 5%;
    }

    .coparativeBanner .img .spot h1 {
        font-size: 17px;
    }

    .coparativeBanner .img .spot h2 {
        font-size: 13px;
        margin-top: 10px;
    }

    .ekipBanner .img .spot {
        top: 30%;
        left: 5%;
    }

    .ekipBanner .img .spot h1 {
        font-size: 17px;
    }

    .ekipBanner .img .spot h2 {
        font-size: 13px;
        margin-top: 10px;
    }

    .newsBanner .img .spot {
        top: 17%;
        left: 4%;
        padding: 10px;
    }

    .newsBanner .img .spot h1 {
        font-size: 35px;
    }

    .newsBanner .img .spot h2 {
        font-size: 35px;
        margin-top: 10px;
    }

    .ikBanner .img .spot {
        top: 32%;
        left: 4%;
    }

    .ikBanner .img .spot h1 {
        font-size: 17px;
    }

    .ikBanner .img .spot h2 {
        font-size: 13px;
        margin-top: 10px;
    }

    .referancesBanner .img .spot {
        top: 30%;
        left: 5%;
    }

    .referancesBanner .img .spot h1 {
        font-size: 17px;
    }

    .referancesBanner .img .spot h2 {
        font-size: 13px;
        margin-top: 10px;
    }

    .awardsBanner .img .spot {
        top: 30%;
        left: 5%;
    }

    .awardsBanner .img .spot h1 {
        font-size: 17px;
    }

    .awardsBanner .img .spot h2 {
        font-size: 13px;
        margin-top: 10px;
    }


    .equipList .equipRow {
        padding-left: 120px;
    }

    .equipList .equipRow .item {

    }

    .equipList .equipRow .item .img {
        background: transparent;
        border: none;
    }

    .equipList .equipRow .item .img img {
        border: 1px solid #6B6B65;
        padding: 5px;
        background: #fff;
    }

    .newsList .item .listDetail .title {
        padding: 0px;
    }

    .newsList .item .listDetail {
        height: auto;
    }

    .newsList .item .listDetail .more {
        bottom: -40px;
    }

    .newsSidebar {
        margin-top: 85px;
    }


    #contactPage .pageWrapper .pageContent .form .titleContactForm {
        padding: 0px 0px 15px 0px;
    }

    .awardsList {
        padding: 0px;
    }

    .refListV2 .grid-item {
        width: 33.333333333%;
    }

}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1366px){


}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1900px) {

    #slider .item .slideTemplateThree .spot {
        left: -16%;
    }

}

@media only screen and (min-device-width: 1901px) {

    #slider .item .slideTemplateThree .spot {
        left: -30%;
    }

}


