/*.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%;
    }
    .invest-cntr {
        margin-right: 0px;
    }
    .online-invest-cntr {
        width:100%;
        float: left;
        margin-bottom: 21px;
        clear:both;
    }
    .footer-col button {
        background-color: #584a87;
        padding: 8px 16px;
    }
    .market-news-sec {
        width: 100%;
        float: left;
        clear: both;
        margin-bottom: 25px;
    }
    #service-panel
    {
        width:100%;
        float:left;
        clear:both;
        background-color:#5842a2;
        background-image:none;

    }
    .service-cnt {
        background:none;
    }
    .service-panel-col {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 8px;
        border-bottom: 1px #614fa0 solid;
        padding-bottom: 19px;
    }
    .online-invest-section {
        width: 100%;
        clear: both;
        float: left;
        background: url(../images/services-bg.png) repeat-y;
        padding: 40px 0px;
    }
    .video-section {
        width: 100%;
        float: left;
        clear: both;
        margin-bottom:20px;
    }
    .video-section img {
        width: 100%;
        float: left;
        clear: both;
        height:200px;
    }
    .video-section h2 {
        font-size: 14px;

    }
    #first-slider .carousel .item {
        /*  min-height: 200px; */
        min-height: 147px; 
        height: 100%;
        width:100%;
    }


    .banner-text
    {
        float:none;
        text-align:center;
        position:absolute;
        right:0px;
        top:0px;
        display:none;
    }

    .banner-text2
    {
        float:left;
        text-align:left;
        position:absolute;
        left:0px;
        top:130px;
        display:none;
    }
    .banner-text {
        position: absolute;
        z-index: 999;
        top: 0px;
        right: 00px;
        width:100%;
        float:left;
        clear:both;
    }
    #header {
        width: 100%;
        clear: both;
        float: left;
        padding:0px;
        margin-top:15px;
    }
    .phone {
        font-size: 12px;
        color: #fff;
        float: right;
        margin-top: 5px;
    }
    .email {
        font-size: 12px;
        color: #fff;
        float: left;
        margin-right: 15px;
        margin-top: 5px;
    }
    .top-section {
        padding: 8px 0px;
        width: 100%;
        clear: both;
        float: left;
    }
    .calculator-btn img
    {
        text-align:center;
        float: left;
        width: 100%;
    }
    .logo {
	max-height: 150px!important;
	text-align: center;
}
}