/* Normal desktop :992px. */
@media only screen and (min-width: 992px) and (max-width: 1169px) {
    body {
      
    }
    .section-2 {
        transform: skew(0deg, -5deg) translateY(-185px);
    }
    .section-3 .skewed-1 {
        width: 96%;
        top: 0%;
    }
        .section-3 .skewed-1 .carousel-inner {
            margin-top: 15%;
            left: 2%;
            padding-bottom:%;
        }

    .section-4 {
        transform: skew(0deg, -5deg) translateY(-370px);
        margin-top: 4%;
    }
    .section-5 {
        margin-top: 0%;
        transform: skew(0deg, 0deg) translateY(-120px);
    }
    .section-6 {
        margin-top: 0%;
        transform: skew(0deg, -5deg) translateY(-225px);
    }
}
/* Tablet desktop :768px. */
@media only screen and (min-width: 780px) and (max-width: 991px) {
    body {
     
    }
    .slide-bg {
        transform: skew(0deg, 0deg) translateY(0px);
    }

    .navbar_fixed {
        transform: skew(0deg, 0deg);
        top: 10%;
        z-index: 999;
        transition: background 1s ease;
        opacity:;
        background-color: black;
    }

    .slide-bg .carousel-inner {
        transform: skew(0deg, -5deg) translateY(-45px);
        top: %;
    }

    .slide-bg .carousel-inner {
        top: %;
    }

    .slide-bg .navbar_fixed .navbar .navbar-brand {
        font-size: 30px;
        color: #FFFFFF;
    }

    /***   section-1 ***/
    .section-1 {
        margin-top: 0%;
    }

        .section-1 .skewed {
            width: 98%;
            transform: skew(0deg, -6deg) translateY(-45px);
        }

            .section-1 .skewed .col-md-6 .heading-1 {
                font-size: 40px;
                font-weight:800;
            }
                .section-1 .skewed .col-md-6 .para-1 {
                    font-size:25px
                }
                .section-1 .col-md-6 {
                    padding-left: 8%;
                }

        .section-1 .skewed .camera .row {
            display: inline;
        }

        .section-1 .skewed .camera i {
            padding-left: 43%;
        }

        .section-1 .skewed .camera h3 {
            padding-left: 28%;
        }

        .section-1 .skewed .camera .para-2 {
            padding-top: 0;
            padding-left: 33%
        }

        .section-1 .skewed .tripod .row {
            display: inline;
        }

        .section-1 .skewed .tripod i {
            padding-left: 43%;
        }

        .section-1 .skewed .tripod h3 {
            padding-left: 35%;
        }

        .section-1 .skewed .tripod .para-2 {
            padding-top: 0;
            padding-left: 0;
            padding-right: 8%;
            text-align: center;
        }


        .section-1 .skewed .photos .row {
            display: inline;
        }


        .section-1 .skewed .photos i {
            padding-left: 43%;
        }

        .section-1 .skewed .photos h3 {
            padding-left: 34%;
        }

        .section-1 .skewed .photos .para-2 {
            padding-top: 0;
            padding-left: 2%;
            text-align: center;
            padding-right: 10%;
        }

        .section-1 .skewed {
          
        }

        .section-1 .col-md-6 {
            transform: skew(0deg, 1deg);
        }

        .section-1 .skewed .head-1 {
            transform: skew(0deg, -1deg);
        }

    /***  section-2 ***/
    .section-2 {
        margin-top: 24%;
    }

        .section-2 .heading-4 {
            font-size: 35px;
        }

        .section-2 .carousel-inner {
            transform: skew(0deg, 5deg) translateY(0);
            margin-left: 13%;
        }

        .section-2 .carousel-indicators {
            top: 98%;
        }

        .section-2 .carousel-inner .card #button {
            margin-left: 20%;
        }

    /***  section-3 ***/
    .section-3 .skewed-1 {
        width: 98%;
        top:10%;
    }

        .section-3 .skewed-1 .col-md-6 .heading-1 {
            font-size: 40px;
            text-align: right;
            padding-right: 6%;
        }

        .section-3 .skewed-1 .para-1 {
            text-align:;
            padding-right: 3%;
            padding-bottom: 5%;
        }

        .section-3 .skewed-1 .carousel-inner {
           margin-top: 15%;
            left: 2%;
        }

    /***  section-4 ***/
    .section-4 {
        margin-top:;
    }

    .section-4 {
        transform: skew(0deg, -5deg) translateY(-368px);
        margin-top: 0%;
    }

        .section-4 .heading-4 {
            font-size: 40px;
        }

    /***  section-5 ***/
    .section-5 .skewed-2 .col-md-6 .heading-1 {
        font-size: 50px;
    }
    .section-5 .skewed-2 .col-md-6 .para-1{

    }
    .section-5 .skewed-2 {
        width: 98%;
        transform: skew(0deg, -5deg) translateY(-374px);
    }

        .section-5 .skewed-2 .back-1 .para-3 {
            text-align: center;
            font-weight:;
            font-size: 15px;
        }

        .section-5 .skewed-2 .back-1 .client .heading-5 {
            padding-right: 70%;
            font-size: 20px;
            text-align: center;
        }

        .section-5 .skewed-2 .back-1 .client {
            padding-left: 45%;
        }

    section-5 .skewed-2 .back-1 .client .row {
        display: block;
    }

    /***  section-6 ***/
    .section-6 {
        margin-top: 0%;
        transform: skew(0deg, -5deg) translateY(-150px);
    }

        .section-6 .centered {
            top: %;
            left: %;
        }

            .section-6 .centered .heading-6 {
                font-size: 35px;
                text-align: center;
            }

            .section-6 .centered .heading-7 {
                font-size: 45px;
            }

            .section-6 .centered button {
                padding: 5px;
                border-radius: 0px;
                font-weight: 700;
                font-size: 20px;
                color: #ff9900;
                border-color: white;
                border-color: white;
                background-color:;
                margin-left: 30%;
                margin-top: 0;
                margin-bottom: 20%;
            }

    /***  section-7 ***/
    .section-7 {
        margin-top: 5%;
    }

        .section-7 .row {
            display: inline;
        }

        .section-7 .mob-no .para-4 {
            padding-left: 0%;
            padding-right: 6%;
            text-align: center;
        }

        .section-7 .address #icon-2 {
            padding-left: 47%;
        }

        .section-7 .address .para-4 {
            padding-left: 38%;
        }

        .section-7 .mail #icon-3 {
            padding-left: 44%;
            padding-top: 0%;
        }

        .section-7 .mail .para-4 {
            padding-left: 42%;
        }

        .section-7 .heading-9 {
            font-size: 40px;
        }


    /***  section-9 ***/
    .section-9 .row {
        display: inline;
    }

    .section-9 .address-1 .heading-12 {
        padding-bottom: 2%;
        padding-left: 22%;
    }

    .section-9 .address-1 .para-4 {
        padding-left: 14%;
    }

    .vertical {
        border-right: none;
    }

    .vertical-1 {
        border-left: none;
    }

    .section-9 .socials {
        padding-left: 28%;
        padding-bottom:
    }

        .section-9 .socials .heading-13 {
            padding-left: 22%;
            padding-bottom: 3%;
        }

        .section-9 .socials #icon-4 {
            padding-top: 0;
            padding-left: 12%;
        }

        .section-9 .socials a {
            padding: 0%;
        }

    .section-9 .contacts {
        padding-top: 0%;
        padding-bottom: 0%;
    }

        .section-9 .contacts .heading-14 {
            padding: 2%;
            padding-top: 3%;
            padding-left: 38%;
        }

        .section-9 .contacts .para-6 {
            padding-left: 35%;
            padding-top: 0%;
        }

    .section-9 .heading-10 {
        font-size: 30px;
        padding-bottom: 0%;
    }
}


/******************** Large Mobile :480px. ***********************/
@media only screen and (max-width: 768px) {

    /***   Slider  ***/
    .slide-bg {
        transform: skew(0deg, 0deg) translateY(0px);
    }

    .navbar_fixed {
        transform: skew(0deg, 0deg);
        top: 10%;
        z-index: 999;
        transition: background 1s ease;
        opacity:;
        background-color: black;
    }

    .slide-bg .carousel-inner {
        transform: skew(0deg, 0deg) translateY(0px);
        top: 10%;
    }

    .slide-bg .carousel-inner {
        top: %;
    }

    .slide-bg .navbar_fixed .navbar .navbar-brand {
        font-size: 30px;
        color: #FFFFFF;
    }

    /***   section-1 ***/
    .section-1 {
        margin-top: 0%;
    }

        .section-1 .skewed {
            width: 98%;
        }

            .section-1 .skewed .col-md-6 .heading-1 {
                font-size: 30px;
            }

        .section-1 .col-md-6 {
            padding-left: 8%;
        }

        .section-1 .skewed .camera .row {
            display: inline;
        }

        .section-1 .skewed .camera i {
            padding-left: 43%;
        }

        .section-1 .skewed .camera h3 {
            padding-left: 35%;
        }

        .section-1 .skewed .camera .para-2 {
            padding-top: 0;
            padding-left: 38%
        }

        .section-1 .skewed .tripod .row {
            display: inline;
        }

        .section-1 .skewed .tripod i {
            padding-left: 43%;
        }

        .section-1 .skewed .tripod h3 {
            padding-left: 40%;
        }

        .section-1 .skewed .tripod .para-2 {
            padding-top: 0;
            padding-left: 0;
            padding-right: 8%;
            text-align: center;
        }


        .section-1 .skewed .photos .row {
            display: inline;
        }


        .section-1 .skewed .photos i {
            padding-left: 43%;
        }

        .section-1 .skewed .photos h3 {
            padding-left: 37%;
        }

        .section-1 .skewed .photos .para-2 {
            padding-top: 0;
            padding-left: 0%;
            text-align: center;
            padding-right:10%;
        }

        .section-1 .skewed {
            transform: skew(0deg, -5deg) translateY(00px);
        }

        .section-1 .col-md-6 {
            transform: skew(0deg, 1deg);
        }

        .section-1 .skewed .head-1 {
            transform: skew(0deg, -1deg);
        }

    /***  section-2 ***/
    .section-2 {
        margin-top: 79%;
    }

        .section-2 .heading-4 {
            font-size: 35px;
        }

        .section-2 .carousel-inner {
            transform: skew(0deg, 5deg) translateY(0);
            margin-left: 0%;
        }

        .section-2 .carousel-indicators {
            top: 98%;
        }
        .section-2 .carousel-inner .card #button {
            margin-left: 40%;
        }

    /***  section-3 ***/
    .section-3 .skewed-1 {
        width: 96%;
    }

        .section-3 .skewed-1 .col-md-6 .heading-1 {
            font-size: 40px;
            text-align: right;
            padding-right: 6%;
        }

        .section-3 .skewed-1 .para-1 {
            text-align:;
            padding-right: 3%;
            padding-bottom: 25%;
        }

        .section-3 .skewed-1 .carousel-inner {
            top: 0%;
            left: 2%;
        }

    /***  section-4 ***/
    .section-4 {
        margin-top:;
    }

    .section-4 {
        transform: skew(0deg, -5deg) translateY(-198px);
        margin-top: 60%;
    }

        .section-4 .heading-4 {
            font-size: 40px;
        }

    /***  section-5 ***/
    .section-5 .skewed-2 .col-md-6 .heading-1 {
        font-size: 40px;
    }

    .section-5 .skewed-2 {
        width: 98%;
    }

        .section-5 .skewed-2 .back-1 .para-3 {
            text-align: center;
            font-weight:;
            font-size: 15px;
        }

        .section-5 .skewed-2 .back-1 .client .heading-5 {
            padding-right: 40%;
            font-size: 20px;
            text-align:center;
        }

        .section-5 .skewed-2 .back-1 .client {
            padding-left: 45%;
        }

    section-5 .skewed-2 .back-1 .client .row {
        display: block;
    }

    /***  section-6 ***/
    .section-6 {
        margin-top: 30%;
        transform: skew(0deg, -5deg) translateY(-30px);
    }

        .section-6 .centered {
            top: %;
            left: %;
        }

            .section-6 .centered .heading-6 {
                font-size: 35px;
                text-align:center;
            }

            .section-6 .centered .heading-7 {
                font-size: 45px;
            }

            .section-6 .centered button {
                padding: 5px;
                border-radius: 0px;
                font-weight: 700;
                font-size: 20px;
                color: #ff9900;
                border-color: white;
                border-color: white;
                background-color:;
                margin-left: 30%;
                margin-top: 0;
                margin-bottom: 20%;
            }

    /***  section-7 ***/
    .section-7 {
        margin-top: 5%;
    }

        .section-7 .row {
            display: inline;
        }

        .section-7 .mob-no .para-4 {
            padding-left: 0%;
            padding-right:6%;
            text-align: center;
        }

        .section-7 .address #icon-2 {
            padding-left: 47%;
        }

        .section-7 .address .para-4 {
            padding-left:38%;
            
        }

        .section-7 .mail #icon-3 {
            padding-left: 44%;
            padding-top:0%;
        }

        .section-7 .mail .para-4 {
            padding-left: 42%;
        }

        .section-7 .heading-9 {
            font-size: 40px;
        }


    /***  section-9 ***/
    .section-9 .row {
        display: inline;
    }

    .section-9 .address-1 .heading-12 {
        padding-bottom: 2%;
        
        padding-left:22%;
    }
    .section-9 .address-1 .para-4{
       padding-left:14%;
    }

    .vertical {
        border-right: none;
    }

    .vertical-1 {
        border-left: none;
    }

    .section-9 .socials {
        padding-left: 28%;
        padding-bottom:
    }

        .section-9 .socials .heading-13 {
            padding-left: 22%;
            padding-bottom: 3%;
        }

        .section-9 .socials #icon-4 {
            padding-top: 0;
            padding-left: 12%;
        }

        .section-9 .socials a {
            padding: 0%;
        }

    .section-9 .contacts {
        padding-top: 0%;
        padding-bottom: 0%;
    }

        .section-9 .contacts .heading-14 {
            padding: 2%;
            padding-top: 3%;
            padding-left: 36%;
        }

        .section-9 .contacts .para-6 {
            padding-left: 32%;
            padding-top: 0%;
        }

    .section-9 .heading-10 {
        font-size: 30px;
        padding-bottom: 0%;
    }
}










/****************************** Small mobile :320px. *****************************************/
@media only screen and (max-width: 479px) {


    /***   Slider  ***/
    .slide-bg {
        transform: skew(0deg, 0deg) translateY(0px);
    }

    .navbar_fixed {
        transform: skew(0deg, 0deg);
        top: 10%;
        z-index: 999;
        transition: background 1s ease;
        opacity:;
        background-color: black;
    }

    .slide-bg .carousel-inner {
        transform: skew(0deg, 0deg) translateY(0px);
        top: 10%;
    }

    .slide-bg .carousel-inner {
        top: %;
    }

    .slide-bg .navbar_fixed .navbar .navbar-brand {
        font-size: 25px;
        color: #FFFFFF;
    }

    /***   section-1 ***/
    .section-1 {
        margin-top: 0%;
    }

        .section-1 .skewed {
            width: 96%;
        }

            .section-1 .skewed .col-md-6 .heading-1 {
                font-size: 30px;
            }

        .section-1 .col-md-6 {
            padding-left: 8%;
        }

        .section-1 .skewed .camera .row {
            display: inline;
        }

        .section-1 .skewed .camera i {
            padding-left: 43%;
        }

        .section-1 .skewed .camera h3 {
            padding-left: 25%;
        }

        .section-1 .skewed .camera .para-2 {
            padding-top: 0;
            padding-left: 30%
        }

        .section-1 .skewed .tripod .row {
            display: inline;
        }

        .section-1 .skewed .tripod i {
            padding-left: 43%;
        }

        .section-1 .skewed .tripod h3 {
            padding-left: 35%;
        }

        .section-1 .skewed .tripod .para-2 {
            padding-top: 0;
            padding-left: 0%;
            text-align: center;
        }


        .section-1 .skewed .photos .row {
            display: inline;
        }


        .section-1 .skewed .photos i {
            padding-left: 43%;
        }

        .section-1 .skewed .photos h3 {
            padding-left: 30%;
        }

        .section-1 .skewed .photos .para-2 {
            padding-top: 0;
            padding-left: 0%;
            text-align: center;
        }

        .section-1 .skewed {
            transform: skew(0deg, -5deg) translateY(00px);
        }

        .section-1 .col-md-6 {
            transform: skew(0deg, 1deg);
        }

        .section-1 .skewed .head-1 {
            transform: skew(0deg, -1deg);
        }

        /***  section-2 ***/
    .section-2 {
        margin-top: 120%;
    }

        .section-2 .heading-4 {
            font-size: 35px;
        }

        .section-2 .carousel-inner {
            transform: skew(0deg, 5deg) translateY(0);
            margin-left: 0%;
        }

        .section-2 .carousel-indicators {
            top: 98%;
        }

        /***  section-3 ***/
    .section-3 .skewed-1 {
        width: 96%;
    }

        .section-3 .skewed-1 .col-md-6 .heading-1 {
            font-size: 40px;
            text-align: right;
            padding-right: 6%;
        }

        .section-3 .skewed-1 .para-1 {
            text-align:;
            padding-right: 3%;
            padding-bottom: 25%;
        }

        .section-3 .skewed-1 .carousel-inner {
            top: 50%;
            left: 2%;
        }

    /***  section-4 ***/
    .section-4 {
        margin-top: ;
    }

    .section-4 {
        transform: skew(0deg, -5deg) translateY(-198px);
        margin-top: 9%;
    }

        .section-4 .heading-4 {
            font-size: 40px;
        }

    /***  section-5 ***/
    .section-5 .skewed-2 .col-md-6 .heading-1 {
        font-size: 40px;
    }

    .section-5 .skewed-2 {
        width: 96%;
    }

        .section-5 .skewed-2 .back-1 .para-3 {
            text-align: center;
            font-weight:;
            font-size: 15px;
        }

        .section-5 .skewed-2 .back-1 .client .heading-5 {
            padding-right: 60%;
            font-size: 20px;
        }

        .section-5 .skewed-2 .back-1 .client {
            padding-left: 45%;
        }

    section-5 .skewed-2 .back-1 .client .row {
        display: block;
    }

    /***  section-6 ***/
    .section-6 {
        margin-top: 70%;
        transform: skew(0deg, -5deg) translateY(-30px);
    }

        .section-6 .centered {
            top: 10%;
            left: 5%;
        }

            .section-6 .centered .heading-6 {
                font-size: 25px;
            }

            .section-6 .centered .heading-7 {
                font-size: 25px;
            }

            .section-6 .centered button {
                padding: 5px;
                border-radius: 0px;
                font-weight: 700;
                font-size: 20px;
                color: #ff9900;
                border-color: white;
                border-color: white;
                background-color:;
                margin-left: 30%;
                margin-top: 0;
                margin-bottom: 20%;
            }

    /***  section-7 ***/
    .section-7{
        margin-top:20%;
    }
    .section-7 .row {
        display: inline;
    }

    .section-7 .mob-no .para-4 {
        padding-left: 0%;
        text-align: center;
    }

    .section-7 .address #icon-2 {
        padding-left: 45%;
    }

    .section-7 .address .para-4 {
        padding-left: 33%
    }

    .section-7 .mail #icon-3 {
        padding-left: 42%;
    }

    .section-7 .mail .para-4 {
        padding-left: 38%;
    }

    .section-7 .heading-9 {
        font-size: 40px;
    }


    /***  section-9 ***/
    .section-9 .row {
        display: inline;
    }

    .section-9 .address-1 .heading-12 {
        padding-bottom: 2%;
    }

    .vertical {
        border-right: none;
    }

    .vertical-1 {
        border-left: none;
    }

    .section-9 .socials {
        padding-left: 28%;
        padding-bottom:
    }

        .section-9 .socials .heading-13 {
          padding-left:22%;
            padding-bottom: 3%;
        }

        .section-9 .socials #icon-4 {
            padding-top: 0;
            padding-left: 12%;
        }

        .section-9 .socials a {
            padding: 0%;
        }

    .section-9 .contacts {
        padding-top: 0%;
        padding-bottom: 0%;
    }

        .section-9 .contacts .heading-14 {
            padding: 2%;
            padding-top: 3%;
            padding-left: 37%;
        }

        .section-9 .contacts .para-6 {
            padding-left: 33%;
            padding-top: 0%;
        }

    .section-9 .heading-10 {
        font-size: 30px;
        padding-bottom: 0%;
    }

}