@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px ipad pro
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px microsoft Lomia 550
11. 539px
12. 479px
13. 400px

******************************/


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


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


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


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


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


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


@media only screen and (max-width: 1024px)
{
    .background_image_sec4{
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background-image: url(../images/support_2.jpg);
        background-size: cover;
    }
}


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


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


@media only screen and (max-width: 880px)
{
    .nav_bar_{
        background-color: #200E35;
    }

    .cloud_1
    {
        top: 300px;
    }
    .cloud_2
    {
        top: 400px;
    }
    .cloud_3
    {
        top: 500px;
    }
    .cloud_4
    {
        top: 600px;
    }

    /****footer****/
    .icons_footer, footer .par p{
        text-align: center;
    }
    /****footer****/
}

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

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

@media only screen and (max-width: 575px)
{
    .cloud_1
    {
        top: 100px;
    }
    .cloud_2
    {
        top: 200px;
    }
    .cloud_3
    {
        top: 300px;
    }
    .cloud_4
    {
        top: 400px;
    }
}


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


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


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


@media only screen and (max-width: 400px)
{
	footer .par p{
        font-size: 10px;
    }
}