@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import "font/stylesheet.css";


@media only screen and ( min-width: 240px) and ( max-width: 767px) 
{
/*
=====================================================================================================================================================
COMMON TAGS
=====================================================================================================================================================
*/
.wrap{width:100%;}
.hide{display:none;}
/*
=====================================================================================================================================================
HEADER PARTS
=====================================================================================================================================================
*/
.visualpanel{margin:16px 0 20px}
/*
=====================================================================================================================================================
NAV
=====================================================================================================================================================
*/
.nav-area{width:100%; margin-top:20% }


/*
=====================================================================================================================================================
BANNER
=====================================================================================================================================================
*/
ul.for-form li{width:100%;}
/*
=====================================================================================================================================================
HOME BODY
=====================================================================================================================================================
*/

.mid-containt{width:100%; padding:0px;}
.mid-containt-text{width:100%; padding:0px;}
.lower-box{width:100%; text-align:center; margin-bottom:10px; margin-right:0px;}
.form-container{ width:93%; float:left; padding:2% 2%;}
.form-contact{margin:0px;}

/*
=====================================================================================================================================================
INNER PAGE BODY
=====================================================================================================================================================
*/

.right-containt{ display:none;}
.left-containt {width:100%; padding:0px; padding-top:20px; border:none;}

.service-box {width:100%;}
.odc-box{ width:100%; margin:0px}
.new-odc-box{ width:97%;}
.flc-box { width:100%; margin:0px 5px;}
ul.case-sumerise{width:95%; margin:0px; padding-left:5%}


.vision-area{padding:0; width:99%}
.vision-text{padding:2%; width:96%}
.vision {top: 16px; left: 8px;}
.vision:before{left: 137px;; }
/*
=====================================================================================================================================================
CONTACT
=====================================================================================================================================================
*/


.bottom-blue {font-size:12px; height:auto; }
.bottom-blue  a {color:#fff; }
#footer {display:none; }
.ss {display:block; }




/*
=====================================================================================================================================================
SITE MAP
=====================================================================================================================================================
*/

.for-sitemap-list ul li{ width:100%; margin:0 0 5%;}
.for-sitemap-list ul li a{ padding:3% 4%;}
.for-sitemap-list ul li.wide-space a{ width:96%; padding:2%;}
.for-sitemap-list ul li ul.for-2nd-step li.for-devide-step{ width:96%;}
.for-sitemap-list ul li ul.for-2nd-step li.for-devide-step ul li{ padding:2.5%;}


/*
=====================================================================================================================================================
FOOTER
=====================================================================================================================================================
*/
.footer-main{text-align:center;}
.footer-left{width:100%;}
.footer-right{width:100%; text-align:center;}

}





@media only screen and ( min-width: 240px) and ( max-width: 640px) 
{
/*
------------------------------------------
LIST STYLE
------------------------------------------
*/
.logo {
    height: auto;
    margin: 15px 0 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99;
}
ul.client-industry li { list-style-type:none; width:95%; margin:0px; text-align:center; padding: 5px; display:inline-block; float:left; height:150px}
/*
------------------------------------------
Contact Style
------------------------------------------
*/

}

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

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