/*
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:00
    Author     : User
*/
@media only screen and (max-width : 768px) {
    .homepage main .slideshow .slides--titles .slide .slide__title {
        font-size: 40px;
        margin: 0;
    }

    .homepage main .slideshow .slides--titles .slide{
        min-height: 465px;
    }

    .homepage main .slideshow .slides--titles .slide[data-slide="1"]{
        min-height: 100vh;
    }

    .homepage main .slideshow .slide .kali_video{
        top: 50%;
        transform: translateY(-50%); 
    }

    .homepage .scroll_down_button{
        right: -10px;
        font-size: 12px;
    }

    .homepage .copyrights{
        left: 10px;
        font-size: 10px;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide{
        margin: 0 20px 0 0;
    }

    .homepage main .slideshow .slides .slide .solutions_logo {
        max-width: 120px;
        left: 20px;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .swiper-container .swiper-slide {
        min-height: 250px;
    }

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .swiper-container .swiper-slide .infoHolder {
        bottom: 20px;
        left: 20px;
    }

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

    .homepage main .slideshow .slides--titles .slide.ourSolutionsSlide .swiper-container .swiper-slide .infoHolder h3{
        line-height: 22px;
        margin: 20px 0 0 0;
        font-size: 18px;
    }

    .homepage .quick_links_wrapper a{
        margin: 0 0 0 -12px;
    }

    .homepage .quick_links_wrapper a:nth-child(2) {
        margin: 15px 0 15px -12px;
    }

    .homepage .quick_links_wrapper a img {
        max-width: 40px;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide a{
        font-size: 18px;
    }

    .homepage .scroll_down_button i{
        margin: 9px 0 0 0;
    }

    .homepage main .slideshow .slides--titles .slide .inner-slide svg {
        left: -70px;
        max-width: 38px;
    }

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

    .homepage .video_popup video{
        max-width: 96%;
    }

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

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

    .contact_us_page .form_parent form{
        max-width: 100%;
    }

    .contact_us_page .form_parent .left_section{
        margin: 0 0 40px 0;
    }

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

    .services_page .side_numbering{
        right: 15px;
    }

    .services_page .first_section .inner_first_section{
        padding: 110px 0;
    }

    .services_page .each_service_wrapper{
        margin: 0 0 200px 0;
    }

    .services_page .each_service_wrapper .inner_each_service_wrap{
        width: 480px;
    }

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

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

    .services_page .each_service_wrapper .inner_each_service_wrap .description{
        font-size: 22px;
        line-height: 30px;
    }

    .services_page .first_section h1{
        font-size: 50px;
    }

    .services_page .first_section .description{
        font-size: 14px;
    }

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

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

    .portfolio_page .projects_wrapper .each_project_wrap .description{
        left: 10px;
    }

    .portfolio_page .filtering_wrapper ul li{
        margin: 0 10px 10px 0;
    }

    .single_project_page h1.page_title{
        font-size: 34px;
    }

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

    .single_project_page .project_info_section .description_section h2{
        font-size: 30px;
    }

    .single_project_page .project_info_section .description_section .list_description{
        font-size: 18px;
        line-height: 32px;
    }

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

    .single_project_page .project_info_section .images_section .swiper-container .swiper-slide .description_wrapper{
        margin: 20px auto 20px auto;
        bottom: unset;
        position: relative;
    }

    .single_project_page .project_info_section .images_section .project_swiper_nav{
        top: 25%;
        transform: unset;
    }

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

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

    .about_us_page .the_team_section .each_member_wrap .inner_each_member .description h3{
        font-size: 18px;
    }

    .about_us_page .the_team_section .each_member_wrap .inner_each_member .description h4{
        font-size: 14px;
    }

    .about_us_page .the_team_section .each_member_wrap .inner_each_member .description p{
        font-size: 13px;
        line-height: 16px;
        min-height: 100%;
    }

    .about_us_page .location_section{
        padding: 70px 0 0 0;
    }

    .about_us_page .location_section .section_title{
        font-size: 34px;
        top: -40px;
    }

    .about_us_page .location_section .countries_locations_section ul li {
        font-size: 14px;
    }

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

    .single_services_page .features_section .each_feature_wrapper .image_holder{
        max-width: 190px;
    }

    .single_services_page .features_section .each_feature_wrapper .description .cust_content{
        line-height: 20px;
        font-size: 13px;
    }

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

    .footer .container{
        display: block;
    }

    .footer .right_section .copyrights_wrapper{
        display: block;
        position: relative;
        margin: 40px 0 0 0;
        padding: 0;
    }

    .footer .left_section .copyrights_wrapper{
        position: relative;
        margin: 15px 0 0 0;
        display: none;
    }

    .footer .right_section .location_wrapper {
        margin: 30px 0 0 0;
    }

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

    .footer .right_section{
        margin: 30px 0 10px 0;
    }

    .archiveBlog .otherArticlesSection .pageTitle,
    .archiveBlog .mainArticles .pageTitle{
        font-size: 24px;
    }

    .singleBlogPage .mainArticles .backBtn{
        margin: 0 0 20px 0px;
    }

    .archiveBlog .mainArticles .eachArticleWrap,
    .archiveBlog .otherArticlesSection .eachArticleWrap{
        padding: 0;
    }

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

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

    .archiveBlog .mainArticles .eachArticleWrap .descriptionHolder .custIcon{
        font-size: 18px;
    }
}