/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02-Sep-2016, 15:59:18
    Author     : User
*/
@media only screen and (max-width : 500px) {
    .top_header .custom_container{
        max-width: calc(100%);
        padding: 0 15px;
    }

    .homepage main .slideshow .slides--titles .slide .slide__title {
        font-size: 26px;
    }

    .homepage main .slideshow .slides--images .slide[data-slide="1"] .slide__img{
        background-position-x: 150px;
    }

    .homepage main .slideshow .slides--titles .slide[data-slide="1"] .slide__title {
        font-size: 32px;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide svg.digital_svg, 
    .homepage main .slideshow .slides--titles .slide .inner-slide svg.website_svg {
        max-width: 45px;
        left: -65px;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide svg {
        left: -63px;
        max-width: 32px;
        margin: 10px 15px 0 0;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide svg.vas_svg{
        left: -44px;
    }

    .homepage main .slideshow .slide .kali_video{
        left: 10px;
        max-width: 70%;
    }

    .homepage main .slideshow .slide .gaming_video{
        left: 15px;
        max-width: 188px;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide .video_prepopup_holder{
        max-width: 220px;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide .video_prepopup_holder .description_holder h3{
        font-size: 14px;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide .video_prepopup_holder .play_button {
        max-width: 36px;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .innerMainSlide .sectionTitle {
        font-size: 28px;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .swiper-container .swiper-slide .infoHolder h3{
        display: none;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .swiper-container .swiper-slide .infoHolder img{
        max-width: 110px;
        max-height: 55px;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .swiper-container .swiper-slide{
        background-size: 100%;
        background-position: center 65px;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .swiper-container .swiper-slide .infoHolder {
        left: 0;
        right: 0;
        top: auto;
        bottom: 110px;
        transform: unset;
        text-align: center;
        padding: 0 15px;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .swiper-container .swiper-slide .infoHolder h2:after{
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .arrowsHolder{
        bottom: 55px;
    }

    .coming_soon_page .inner_coming_soon h1{
        font-size: 22px;
    }

    .coming_soon_page .inner_coming_soon h3{
        font-size: 18px;
    }

    .coming_soon_page .inner_coming_soon h4{
        font-size: 16px;
    }

    .contact_us_page .form_parent .left_section,
    .contact_us_page .form_parent .right_section{
        padding: 0;
    }

    .contact_us_page h1.page_title,
    .services_page .first_section .inner_first_section h1.page_title,
    .portfolio_page h1.page_title,
    .about_us_page h1.page_title,
    .about_us_page .the_team_section .section_title,
    .about_us_page .about_you_section .section_title,
    .about_us_page .qualityAndValue .section_title{
        font-size: 34px;
    }

    .contact_us_page .form_parent {
        padding: 25px 0 45px 0;
    }

    .contact_us_page .form_parent .left_section h2 {
        font-size: 22px;
        line-height: 36px;
    }

    .services_page .side_numbering{
        display: none;
    }

    .services_page .first_section{
        padding: 0 15px;
    }

    .services_page .first_section .inner_first_section{
        text-align: center;
    }

    .services_page .first_section h2 {
        font-size: 36px;
    }

    .services_page .each_service_wrapper .inner_each_service_wrap {
        width: 100%;
        padding: 0 15px;
    }

    .services_page .each_service_wrapper .inner_each_service_wrap h1 {
        font-size: 24px;
    }

    .services_page .each_service_wrapper .inner_each_service_wrap span.bg_letter {
        font-size: 70px;
    }

    .services_page .each_service_wrapper .inner_each_service_wrap .description {
        font-size: 20px;
        line-height: 32px;
    }

    .services_page .each_service_wrapper .inner_each_service_wrap a{
        font-size: 18px;
    }

    .portfolio_page .projects_wrapper .projects_to_infinite_scroll {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    .portfolio_page .filtering_wrapper ul{
        padding: 0 15px;
    }

    .portfolio_page .filtering_wrapper ul li a {
        font-size: 12px;
    }

    /*    .single_project_page .project_info_section .images_section {
            height: 300px;
        }*/

    .single_project_page .project_info_section .images_section .project_swiper_nav{
        height: 32px;
        width: 32px;
        font-size: 23px;
    }

    .single_project_page .project_info_section .images_section .project_swiper_nav.swiper-button-next {
        right: 20px;
    }

    .single_project_page .project_info_section .images_section .project_swiper_nav.swiper-button-prev {
        left: 20px;
    }

    .single_project_page .project_info_section .images_section .swiper-container .swiper-slide .description_wrapper{
        max-width: 100%;
    }

    .single_project_page .project_info_section .images_section .swiper-container .swiper-slide .description_wrapper h3{
        font-size: 16px;
    }

    .single_project_page .project_info_section .images_section .swiper-container .swiper-slide .description_wrapper .custom_content{
        font-size: 13px;
        line-height: 18px;
    }

    .single_project_page .project_info_section .images_section .swiper-container .swiper-slide .shadow_overlay{
        min-height: 200px;
    }

    .single_project_page .project_info_section .images_section .swiper-container .swiper-slide.video_slide iframe{
        height: 300px;
    }

    .single_project_page h1.page_title{
        padding: 0 15px;
        font-size: 28px;
    }

    .about_us_page .about_us_text_section {
        padding: 0 15px 50px 15px;
    }

    .about_us_page .about_us_text_section {
        margin: 40px auto 0;
    }

    .about_us_page .the_team_section .each_member_wrap{
        width: 100%;
    }

    .about_us_page .location_section .countries_locations_section ul li{
        padding: 2px 0 2px 12px;
        font-size: 12px;
    }

    .about_us_page .about_you_section .description,
    .about_us_page .qualityAndValue .description{
        font-size: 15px;
        line-height: 22px;
    }

    .about_us_page .about_us_text_section .description {
        font-size: 16px;
    }

    .about_us_page .location_section .section_title{
        font-size: 20px;
    }

    .single_services_page .top_identifier_section img {
        margin: 0 0 20px 0;
    }

    .single_services_page .top_identifier_section{
        text-align: center;
    }

    .single_services_page .top_identifier_section h1 {
        font-size: 28px;
    }

    .single_services_page .features_section .each_feature_wrapper.right_to_left .description {
        padding: 30px 0 0 0;
    }

    .single_services_page .features_section .each_feature_wrapper{
        display: block;
    }

    .single_services_page .features_section .each_feature_wrapper .image_holder {
        max-width: 100%;
    }

    .single_services_page .features_section .each_feature_wrapper .description{
        padding: 15px 0 0 0;
    }

    .single_services_page .statistics_section .each_stat_wrapper{
        margin: 0 0px 30px 0;
    }

    .careers_page h1.page_title{
        padding: 0 15px;
        font-size: 28px;
    }

    .careers_page .top_section{
        background-size: 350px;
    }

    .careers_page .top_section .join_our_team_section{
        padding: 0 15px 80px 15px;
    }

    .careers_page .top_section .join_our_team_section .section_title{
        font-size: 26px;
    }

    .careers_page .form_section .section_title{
        font-size: 30px;
    }

    .careers_page .form_section .form_wrapper .left_section,
    .careers_page .form_section .form_wrapper .right_section{
        padding: 0;
    }

    .footer .right_section .newsletter_wrapper form{
        max-width: 100%;
    }

    .footer .right_section .newsletter_wrapper h3{
        font-size: 14px;
        line-height: 20px;
    }

    .footer .left_section ul li a{
        font-size: 14px;
    }

    .footer .left_section ul li.menu_has_children ul.sub_menu_parent a{
        font-size: 13px;
    }

    .archiveBlog .otherArticlesSection{
        padding: 30px 0 0 0;
    }

    .archiveBlog .mainArticles .eachArticleWrap .descriptionHolder h3 {
        font-size: 24px;
    }

    .singleBlogPage .mainArticles .eachArticleWrap .descriptionHolder .author{
        font-size: 14px;
    }

    .archiveBlog .otherArticlesSection .eachArticleWrap .imageAndTitleHolder h3{
        font-size: 18px;
        line-height: 22px;
    }

    .archiveBlog .otherArticlesSection .eachArticleWrap .descriptionHolder .custContent{
        font-size: 14px;
        line-height: 20px;
    }

    .footer .copyrights_wrapper h4{
        margin: 7px 0 9px 10px;
    }

    .footer .copyrights_wrapper a img {
        max-width: 26px;
    }
}

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

}