/* Main Content Star */
#main-content { padding: 50px 0;}
/* Main Content End */

/* About Content Star */
.about-content { margin: 50px 20%; text-align: left; font-size: 18px;}
    .about-content img { max-width: 1200px; }
/* About Content End */



/* Contact Content Star */
.contact-content { margin: 50px auto; text-align: center;}
    .contact-content .companys { color: #154991; font-weight: 700; font-size: 18px; padding: 30px 0;}
    .contact-content .contact-list { font-size: 16px;}
    .contact-content .contact-list li { padding: 5px 0;}
    .contact-content .contact-list li i { margin-right: 8px;}

    .contact-content .maps { margin: 30px auto;}
    .contact-content .maps img { max-width: 100%;}

    .contact-content .messages { width: 80%; margin: 30px auto 0 auto;}
    .contact-content .messages ul li { float: left; width: 50%; padding: 10px 20px;}
    .contact-content .messages ul li .lefts { float: left; width: 30%; text-align: left;}
    .contact-content .messages ul li .lefts img { margin-right: 15px;}
    .contact-content .messages ul li .rights { float: left; width: 70%; text-align: left;}
    .contact-content .messages ul li .rights.radios { padding: 5px 0 0 0;}
    .contact-content .messages ul li.screens { width: 100%; padding-top: 0px; padding-bottom: 0px;}

    .contact-content .messages ul li.screens .lefts { width: 15%;}
    .contact-content .messages ul li.screens .rights { width: 85%;}
    .contact-content .messages ul li.screens.btns .rights { padding-top: 20px;}
/* Contact Content End */



/* Customer Content Star */
.customer-content { margin: 50px auto; text-align: center;}
    .customer-content img { max-width: 1200px; }
/* Customer Content End */


/* Our Customer Star */
.customer-list { max-width: 1230px; margin: 0 auto; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 10%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
/* Our Customer End */

/* Photogr Customer Star */
.photogr-content { margin: 10px auto 0 auto; text-align: center;}
/* Photogr Customer End */


/* Detail Content Star */
#detail-content { width: 92%; margin: 0 auto; padding-bottom: 50px; text-align: center;}
    #detail-content img { max-width: 100%; display: block; margin: 0 auto;}
    #detail-content img:first-child { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
    #detail-content img:last-child { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
/* Detail Content End */


/* Case Fixed Star */
.case-fixed{ position: fixed; right: 5px; top: 35%; }
    .case-fixed li { position: relative; margin-bottom: 17px;}
    .case-fixed li i { font-size: 32px; color:#5f6061; opacity: .33;}
    .case-fixed li:hover i { color:#5f6061; opacity: 1;}
/* Case Fixed End */

@media (max-width: 992px) {

    /* Main Content Star */
    #main-content { padding: 20px 0;}
    /* Main Content End */

    /* About Content Star */
    .about-content { display: none;}
    /* About Content End */

    /* Customer Content Star */
    .customer-content { margin: 30px auto; text-align: center;}
    .customer-content img { max-width: 100%; }

    .customer-list { width:100%; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 5px;}
    .customer-list li { float:left; width: 33.333333%; padding:5px 5px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Customer Content End */


    /* Contact Content Star */
    .contact-content { margin: 50px auto; text-align: center;}
    .contact-content .companys { color: #154991; font-weight: 700; font-size: 18px; padding: 30px 0;}
    .contact-content .contact-list { font-size: 16px;}
    .contact-content .contact-list li { padding: 5px 0;}
    .contact-content .contact-list li i { margin-right: 8px;}

    .contact-content .maps { margin: 30px auto;}
    .contact-content .maps img { max-width: 100%;}

    .contact-content .messages { width: 100%; margin: 30px auto 0 auto;}
    .contact-content .messages ul li { float: none; width: 100%; padding: 10px 0px;}
    .contact-content .messages ul li .lefts { float: left; width: 15%; text-align: left;}
    .contact-content .messages ul li .lefts span { display: none;}
    .contact-content .messages ul li .lefts img { margin-right: 5px;}
    .contact-content .messages ul li .rights { float: left; width: 85%; text-align: left;}
    .contact-content .messages ul li .rights.radios { padding: 5px 0 0 0;}
    .contact-content .messages ul li.screens { width: 100%; padding-top: 0px; padding-bottom: 0px;}

    .contact-content .messages ul li.screens .lefts { width: 15%;}
    .contact-content .messages ul li.screens .rights { width: 85%;}
    .contact-content .messages ul li.screens.btns .rights { padding-top: 20px;}
    /* Contact Content End */


}

@media (min-width: 992px) {

    /* Main Content Star */
    #main-content { padding: 50px 0;}
    /* Main Content End */

    /* About Content Star */
    .about-content { margin: 50px 20%; text-align: left;}
    .about-content img { max-width: 100%; }
    /* About Content End */

    /* Customer Content Star */
    .customer-content { margin: 50px auto; text-align: center;}
    .customer-content img { max-width: 100%; }
    /* Customer Content End */


    /* Our Customer Star */
    .customer-list { max-width: 100%; margin: 0 auto; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 5px;}
    .customer-list li { float:left; width: 12.500000%; padding:5px 5px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */

    /* Contact Content Star */
    .contact-content { margin: 50px auto; text-align: center;}
    .contact-content .companys { color: #154991; font-weight: 700; font-size: 18px; padding: 30px 0;}
    .contact-content .contact-list { font-size: 16px;}
    .contact-content .contact-list li { padding: 5px 0;}
    .contact-content .contact-list li i { margin-right: 8px;}

    .contact-content .maps { margin: 30px auto;}
    .contact-content .maps img { max-width: 100%;}

    .contact-content .messages { width: 100%; margin: 30px auto 0 auto;}
    .contact-content .messages ul li { float: left; width: 50%; padding: 10px 20px;}
    .contact-content .messages ul li .lefts { float: left; width: 30%; text-align: left;}
    .contact-content .messages ul li .lefts img { margin-right: 15px;}
    .contact-content .messages ul li .rights { float: left; width: 70%; text-align: left;}
    .contact-content .messages ul li .rights.radios { padding: 5px 0 0 0;}
    .contact-content .messages ul li.screens { width: 100%; padding-top: 0px; padding-bottom: 0px;}

    .contact-content .messages ul li.screens .lefts { width: 15%;}
    .contact-content .messages ul li.screens .rights { width: 85%;}
    .contact-content .messages ul li.screens.btns .rights { padding-top: 20px;}
    /* Contact Content End */

}

@media (min-width: 1200px) {

    /* Customer Content Star */
    .customer-content { margin: 50px auto; text-align: center;}
    .customer-content img { max-width: 1200px; }
    /* Customer Content End */

    /* Our Customer Star */
    .customer-list { max-width: 100%; margin: 0 auto; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 10%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */
}

@media (min-width: 1366px) {
    /* Customer Content Star */
    .customer-content { margin: 50px auto; text-align: center;}
    .customer-content img { max-width: 1200px; }
    /* Customer Content End */

    /* Our Customer Star */
    .customer-list { max-width: 1230px; margin: 0 auto; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 10%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */
}

@media (min-width: 1500px) {
    /* Customer Content Star */
    .customer-content { margin: 50px auto; text-align: center;}
    .customer-content img { max-width: 1200px; }
    /* Customer Content End */

    /* Our Customer Star */
    .customer-list { max-width: 1230px; margin: 0 auto; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 10%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */
}

@media (min-width: 1920px) {
    /* Customer Content Star */
    .customer-content { margin: 50px auto; text-align: center;}
    .customer-content img { max-width: 1200px; }
    /* Customer Content End */

    /* Our Customer Star */
    .customer-list { max-width: 1230px; margin: 0 auto; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 10%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */
}