/* Tablet Portrait size to standard 980 (devices and browsers) */
        .conmid .conmid {padding: 0;width: 100%;}
	@media only screen and (min-width: 981px) and (max-width: 1367px) {
	}
	@media only screen and (min-width: 768px) and (max-width: 980px) {
	.nav-sec .topnav { }
	.main { width: 768px; }
	.slide-sec .gap { width: 540px; }
	.topnav ul li a { padding-left: 2px; padding-right: 3px; }
	.topnav { font-size: 11px; }
	
	.conmid { width: 405px;}
	
	.content-sec { padding: 10px 0 0 0;}
	.content-sec .left-sec { padding-left: 10px; }
	.right-sec { padding-bottom: 100px; width: 434px; margin-right: 10px; }
	.content { background: url(../image/contp2.png) left top no-repeat; }
	.conbl { padding-top: 48px; padding-bottom: 0px; font-size: 9px; padding-left: 15px; }
	.won { margin: 0 auto; display: block; width: 90%; float: none!important; }
	.won2 { margin: 20px auto 0 auto; display: block; width: 90%; float: none!important; }
	.won img { width: 100%; height: auto; }
	.won2 img { width: 100%; height: auto; }
	.right-sec .on { margin-left: 50px; }
	.right-sec .on2 { margin-right: 40px; }
	.right-sec .on3 { width: 100%; height: auto; }
	
	.footer-sec { padding-top: 50px; }
	.gal_box{width: 190px;}
	/*     New classes for inner pages     */
	.prod_box{margin:2px 5px;}
	
	/* Gallery classes */
	.gal_iframe{width:768px; height:1410px; background:#FFFFFF;}
	
	.bld_eng_iframe{width:410px; height:1980px;}
	.footlast { padding: 0 5px; }
	.footlaster { padding: 0 5px; }
	
	.r-right .in-area{width: 190px;}
	.row .sn-bt{margin: 0 0 0 210px; }
	.clmail{margin:0 0 0 10px;}
	.f-quote{margin-left: 130px;}
	.wall img{width: 100%;}
        .gal_box {width: 180px;}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.main { width: 480px; }
	.slide-sec .gap { width: 270px; }
	.header { overflow: hidden; }
	
	.navigation { padding-right: 10px; display: block; font-size: 14px; line-height: 36px; color: #fff; text-transform: uppercase; }
	.navigation span { padding-left: 10px; display: block; background: url(../image/menu_bar.png) right 6px no-repeat; }
	.nav-sec .menusm { display: none; background: #006bae; height: auto; }
	.topnav ul li a.a_hover_main { background: none; border-radius: none!important; }
	ul.menusm li { width: 100%; }
	.nav-sec .topnav { padding-left: 0px; }
	.menusm { width: 101%!important; }
	ul.menusm ul {  }
	.top_level { color: #006ba!important; }
	.top_level.a_hover_main { color: #006ba!important; }
	.topnav ul li { border: none; }
	.topnav ul li ul { background: none; display: none; position: relative; left: inherit; top: inherit; float: left; }
	.topnav ul li ul li a { padding-left: 20px; padding-right: 20px; }
	.topnav ul li a {font-weight: 100; margin: 0 5px; padding-left: 10px; padding-right: 10px; width: 93%; font-size: 16px; border: none!important; border-radius: none!important; }
	.topnav ul li a:hover { color: #006bae; background: #fff; border-radius: none!important; }
	.topnav ul li ul li a { width: 89%; color: #fff!important; }
	.topnav ul li ul li a:hover { color: #006bae!important; }
	.topnav ul li ul li a.have_submenu_hover { color: #fff; }
	.topnav ul li ul { width: 100%; }
	.topnav ul li ul li ul { left: auto; top: auto; position: relative; }
	
	.left-sec { float: none; width: 100%; overflow: hidden; }
	.pacific_box { margin: 20px auto 0 auto; float: none; overflow: hidden; }
	.quality-sec { padding-top: 10px; margin: 0 auto; width: 292px; }
	.latest-sec { margin: 0 auto; width: 300px;  }
	.plan-sec { padding-top: 0px; padding-bottom: 30px; margin: 0 auto; width: 292px; }
	.professional-sec { margin: 0 auto; width: 292px; }
	
	.right-sec { padding-top: 20px; padding-bottom: 88px; float: none; width: 100%; overflow: hidden; background: none; }

	.content { background: url(../image/contp2.png) left top no-repeat; }
	.conbl { padding-top: 52px; padding-bottom: 0px; font-size: 9px; padding-left: 45px; }
	.won { margin: 0 auto; display: block; width: 440px; float: none!important; }
	.won2 { margin: 20px auto 0 auto; display: block; width: 440px; float: none!important; }
	.won img { width: 100%; height: auto; }
	.won2 img { width: 100%; height: auto; }
	.right-sec .on { margin-left: 50px; }
	.right-sec .on2 { margin-right: 40px; }
	.right-sec .on3 { width: 96%; height: auto; right: auto; left: 10px; }
	.tpcon { padding: 0px 10px 10px 0px; }
	.conmid { padding: 0px 10px 10px 10px; width: 440px;}
	
	.top_banner_text_box { margin-bottom: 0px; }
	.quality-sec .qucon p { text-align: justify; padding-right: 5px; }
	.conmid p { text-align: justify; }
	
	.right-sec .content-sec { width: 460px; background: #fff; }
	.content { background: url(../image/contp3.png) left top no-repeat; }
	.footer-sec { padding-top: 20px; position: relative; }
	.footer-sec .gap3 { position: absolute; top: 460px; left: 0px; margin-top: 0px;right: 0;width: 300px; }
	.footer-sec .gap4 {left: 0;right: 0;width: 420px; position: absolute; top: 575px;  }
	.footer-sec .sales { padding: 220px 0 0 0; width: 100%; }
	.footer-sec .sales a { display: block; text-align: center; }
	.footer-sec .gap4 img { float: left; margin-right: 10px; }
	.footer-sec .bgfoot { background: #c2611c; }
	.footer-sec .foot-add { padding: 0px; width: 100%; }
        
        .gal_box{width: 170px;}
	
	/* Gallery classes */
	.gal_iframe{width:480px; height:1380px; background:#FFFFFF;}
	
	.bld_eng_iframe{width:440px; height:1980px;}
	.professional-sec { padding-bottom: 20px; }
	
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.r-right .in-area{width: 215px;}
	.row .sn-bt{margin: 0 0 0 230px; }
	.clmail{margin:0 0 0 10px;}
	.f-quote{margin-left: 150px;}
	.wall img{width: 100%;}
	.conmid {background: #FFF;}
	.small-image{margin: 5px 80px;}
	.small-image2{margin: 5px 105px;}
        .conmid .conmid img{width: 100%;}
        .conbl {padding-left: 0;text-align: center;}
        .gal_box{width: 190px;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and  (max-width: 479px) {
	.main { width:100%; }
	.slide-sec .gap { width: 270px; }
        .site-sec .sitemap{float: none;text-align: center;}
	
        .tpcon {padding: 0 0 15px 0;text-align: center;}

	.topnav ul li ul li a { width: 84%; }
	.topnav ul li a { width: 90%; }
	.topnav ul li a { padding-top: 5px; padding-bottom: 5px; font-size: 13px; }
	.topnav ul li li a { padding-top: 5px; padding-bottom: 5px; }
	.tpbna { background: url(../image/head2.png) no-repeat; }
	.logo img { margin: 17px auto 0 auto; display: block; }
	.logo { left: 0px; width: 100%; }
	
	.conmid {width: 95%; background: #FFF;padding: 15px;}
	
	.right-sec { padding-bottom: 58px; }
	.slide-sec .gap { width: 100%; margin-top: 183px; }
	.content { background: url(../image/contp4.png) left top no-repeat; }
	.right-sec .content-sec { width: 100%; }
	.conbl { font-size: 9px; padding-top: 32px; line-height:22px; }
	.won { width: 280px; }
	.won2 { width: 280px; }
	.right-sec .on { margin-left: 10px; }
	.right-sec .on2 { margin-right: 10px; width: 40%; }
	.right-sec .on2 img { width: 100%; }
	.right-sec .on3 { width: 95%; }
	
	
	.footer-sec {padding-top:20px;}
	.footer-sec .gap3 {  }
	.footer-sec .gap4 img {width: 50px;}
	.footer-sec .gap4 { top: 550px; }
	.footer-sec .sales { padding-top: 200px; }
	
	.add_left{float:left; width:90%;}
	.add_right{float:right; width:100%;}

	/* Gallery classes */
	.gal_iframe{width:320px; height:2450px; background:#FFFFFF;}
	
	.bld_eng_iframe{width:280px; height:2080px;}
	.logo { top: 21px; padding-top: 0px; }
	.professional-sec { padding-bottom: 20px; }
	.maparea{width: 100%; height: 300px; overflow: hidden;}
        .gal_box{width: 190px; display: block;}
	
.conmid .arrey2 { width: 100%;}
.in-area{width: 100%;}
.in-area2{width: 100%;}
.row .sn-bt{margin: 0 0 0 150px; }
.clmail{margin:0 0 0 10px;}
.f-quote{margin-left: 6px;}
.wall img{width: 100%;}
.small-image{margin: 5px 14px;}
.small-image2{margin: 5px 25px;}
.left1{width: 300px;}
.footer-sec .gap2{width: 125px;}
.footer-sec .gap2 { margin-left: 28px;}
.footer-sec .gap4{top: 490px;width: 300px;left: 0;right: 0;margin: 0 auto;}
.footer-sec .gap3{top: 400px;width: 300px;left: 0;right: 0;margin: 0 auto;}

.conbl{padding-left: 0;text-align: center;}
.conmid .conmid img{width: 100%;}

	}	
        @media only screen and  (max-width: 360px){
            .conmid{width: 92%;}
        }