/*.css3
{
        border-radius: 12px; 
        box-shadow: 0px 0px 4px 0px #000;
        background-color: rgba(0, 0, 0, 1.0);
        transform: rotate(7.5deg) ;
        transform: scale(0.8);
        
        perspective: 300px;
        transform: rotateY(180deg);          
        transform-style: preserve-3d;
}

.box_animation:hover {
  -webkit-animation: myanim 5s infinite; 
   animation: myanim 5s infinite; 
}

@-webkit-keyframes myanim {
  0%   { opacity: 1.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 0.0; }
}
@keyframes myanim {
  0%   { opacity: 1.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 0.0; }
}
*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
    header, nav, #header-ctnr, footer, #container{
        width: 100%;
    }

    .container
    {
        width:100%;
    }
    .box-responsive
    {
        margin:10px 0px;
        width:100%;
    }

    #header
    {
        width:100%;
        clear:both;
        float:left;
        padding:15px 0px;

    }

    .logo
    {
        float:left;
        clear:both;
        width:100%;
        text-align:center;
        margin-bottom:20px;
    }
    .logo img
    {
        float:left;
        clear:both;
        width:100%;
        text-align:center;
        height: 100%;
    }


    #nav
    {
        width:100%;
        clear:both;
        float:left;
        background:#088f74;
        background-image:none;
        position:relative;
        
    }
    #banner-cntr {
        width: 100%;
        clear: both;
        float: left;
        background: url(../images/banner1.png) no-repeat center;
        height: 390px;
        position: relative;
    }
    .service-col {
        width: 100%;
        float: left;
        background: url(../images/service-bg1.png) repeat-x;
        border-radius: 3px;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 6px;
    }
    .service-section
    {
        width:100%;
        float:left;
        clear:both;
        position: absolute;
        bottom: 0px;
        top:400px;
    }


    .service-cnt {
        margin-left: 0px;
    }
    .page-head {
        font-size: 24px;
        margin: 25px 0px 25px 0px;
    }
    .online-invest-cntr {
        width: 100%;
        clear: both;
        float: left;
        margin-bottom: 20px;
    }
    .video-section {
        float: left;
        width: 100%;
        clear:both;
    }
    .video-section img
    {
        width:100%;
        height:auto;
    }
    .market-news {
        float: left;
        width: 100%;
        clear:both;
    }
    .news-mf
    {
        width:100%;
        float:left;
        background-color:#1abc9c;
        padding: 35px 10px 39px 10px;
        height:auto;
    }
    .news-img
    {
        float:left;
        margin-right:10px;
        width:78px;
        height:auto;
    }
    .news-img h2
    {
        font-size:12px;
        color:#fff;
        float:left;
        margin-top: 10px;
    }
    .news-img img
    {

    }
    .news-mf h3
    {
        height:50px;
        color:#fff;
        float:none;
        font-size:15px;
    }
    .news-mf p
    {
        font-size:13px;
        color:#fff;
        text-align: justify;
        margin-top: 3px;

    }
    .client-testimonials {
        width: 100%;
        float: left;
        background-color: #07a687;
        padding: 25px 10px 12px 10px;
        clear:both;
    }
    .banner-text {

        z-index: 999;
        top: 194px;
        width:100%;
        float:left;
        clear:both;
        display:none;
    }


    #body-ctnr {
        width: 100%;
        clear: both;
        float: left;
    }
    .testimonial4_slide p {
        color: #333;
        font-size: 13px;
        text-align: justify;
    }

    .copyright {

        width: 100%;
        clear: both;
        font-size:13px;

    }
    .footer-col {
        width: 100%;
        float: left;
        clear: both;
        margin-bottom: 20px;
    }
    .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        line-height: 1;
        margin: 3px 0px;
    }


    .service-ctnr
    {
        position:absolute;
        top:110px;
        z-index:999;
        float:left;
        width:95%;
    }
    .service-panel-col
    {
        width:30%;
        margin:5px 1.5%;
        float:left;
        border-radius:4px;
        text-align:center;
        padding-bottom:20px;
        padding-top:6px;
    }

    .service-panel-col h2
    {
        font-size:11px;
        text-transform:uppercase;
        text-align:center;
        color:#fff;
        font-weight:600;
    }

    .service-panel-col h2 a
    {
        color:#fff;
        font-weight:600;
        text-decoration:none;
    }
    .service-panel-col h2 a:hover
    {
        color:#fff;
        font-weight:600;
        text-decoration:none;
        cursor:pointer;
    }
    .service-panel-col img
    {

        text-align:center;
        width:64px;
        height:auto;
    }
    .top-social {
        float: right;
        padding-bottom: 3px;
        margin-top: -12px;
        width:100%;
        display:none;
    }
    .hides
    {
        display:none;
    }
    .calculator-btn img
    {
        text-align:center;
        width:80%;
        height:auto;

    }
    .page-head {

        color: #fb8400;
        font-weight: 100;
        margin: 100px 0px 10px 0px;
        width: 100%;
        clear: both;
        float: none;
        padding: 0px 0px 10px 0px;
    }
    .page-head_new {

        color: #fb8400;
        font-weight: 100;
        margin: 0px 0px 10px 0px;
        width: 100%;
        clear: both;
        float: none;
        padding: 0px 0px 10px 0px;
    }
    .testimonial4_slide {
        margin: auto;
        margin-bottom: 20px;
    }
    .client-testimonials h2 {
        padding-bottom: 12px;
    }

}