/*Phone*/
@media 
only screen and (max-width: 480px),
(min-device-width: 320px) and (max-device-height: 736px)  {

/*Index*/
.FirstPage h3
{
color: white !important;
font-size: 18px;
letter-spacing: 6px !important;
margin-top: 50% !important;
}

.FirstPage h5
{
font-size: 14px;
letter-spacing: 2px !important;
}

.FirstPage
{
border: 0;
line-height: 1.2;
display: block;
margin: auto;
text-align: center;
align-items: center;
top: 50% !important;
}

.FirstPage img
{
max-width: 80%;
}
    /*about*/
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
        position: absolute;
    }

    td { 
        border: none;
        position: relative;
    }

    td:before {  
        white-space: nowrap;
    }

    .AMOSLA {
        margin-top: 0px !important;
        margin-left: 0px !important;

    }   

    .inner-content img {
        height: auto !important;
        width: 100% !important;
        display: block;
        margin-left: 0px !important;
    }

    /* Contact */

    .logoImages img {
        height: auto !important;
        width: 100% !important;
        display: block;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .post-info img
    {
        height: 150px !important;
        width: 150px !important;
        float: right;
    }

    h4{
        font-size: 15px !important;
    }

    .name
    {
        font-size: 18px !important;
    }

    .con-p1
    {
        font-size: 10px !important;
    }

    .con-p2
    {
        font-size: 10px !important;
        margin-top: 8px !important;
        margin-bottom: 15px !important;
    }

    .contact
    {
        font-size: 12px !important;
    }

    .row
    {
        margin-top: 75% !important;
        position: relative;
        /*margin-right: 0px !important;*/
    }

    /*gallery*/

        .row img {
                    width: 100%;
                    margin-left: auto;
                    margin-right: auto;
                    display: inline-block;
                    height: auto;
                    margin-top: 30px !important;
                }
}
/*Large Screen*/
@media only screen  and (min-width : 1524px)
{ 
    /*About*/
    .AMOSLA {
        margin-left: 0px !important;
        font-size: 20px !important;

    }   

    .logoAll img{
        height: auto !important;
        width: 80% !important;
        display: block;
    }

    p
    {
        font-size: 22px !important;
    }

    .custom_para
    {
        margin-left: 30px !important;
    }

    /*    Contact*/

    .logoImages img {
        height: auto !important;
        width: 700px !important;
        display: block;
        margin-top: 5% !important;
        margin-left: 100px !important;
    }
    .post-info img
    {
        height: 200px !important;
        width: 200px !important;
    }


    h4{
        font-size: 195% !important;
    }
    .name
    {
        font-size: 220% !important;
    }
    .contact
    {
        font-size: 22px !important;
        margin-left: 5% !important;
        margin-top: 95px !important;
    }
    .contact i
    {

    }
    .logoImages table: td
    {
        width: 140px !important;
        height: 200px !important;
    }

    /*Side Bar*/

    ul.menu > li > a, ul.drop-down li a {

        font-size: 30px !important;
        padding-bottom: 55px !important;

    }
    .logo-box h3 {
        font-size: 35px !important;
    }
    .logo-box h5 {
        font-size: 25px !important;
        margin-bottom: 25% !important;
    }
    header
    {
        width: 330px !important;
    }

    /*FirstPage*/
    .inner-content
    {
        margin-left: 80px !important;
    }
    .row img{
        position: relative !important;
        height: auto !important;
        width: 100% !important;
        display: block;
    }

    [class*="col-"] {
        width: 16.6667%;
    }

    .row
    {
        position: relative;
        /*margin-right: 0px !important;*/
    }

    .portfolio-box p{
        font-size: 30px !important;
    }

    /*gallery*/

    .row-gallery
    {
        margin-top: 22.5% !important;
    }
    .num_G
    {
        float: right;
    }
    .numbertext {
        font-size: 28px !important;
    }
    .dot {

    }
    .prev, .next {
        font-size: 25px !important;
    }

/*Index*/

.FirstPage h3
{
font-size: 35px !important;
letter-spacing: 20px !important;
margin-top: 25% !important;
}

.FirstPage h5
{
font-size: 28px !important;
letter-spacing: 18px !important;
}

}