body {
    font: 13px/1.5 Arial;
    overflow-x: hidden;
    background-color:#e9e9e9 !important;
}

.responsive-layout-width360 #region-content{
	background: #fdfdfd none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 6px #efefef inset;
    height: auto;
    margin: 0;
    min-height: 595px;
    overflow: hidden;
}

.responsive-layout-width360 #block-system-main ul li{
	font-family:Arial;
	font-size: 15px;
	color:#444444;
}

.responsive-layout-width360 #block-system-main .content p{
    font-family: Arial;
    font-size:15px;
    color:#444444;
    text-align: justify;
    
}

.responsive-layout-width360 #block-system-main .content h5{
    font-family: Arial;
    color:#2b6092;
    padding:5px;
    
}

.responsive-layout-width360 #region-user-first #block-block-1 .block-inner .content h3{
	color:#FFFFFF;
	font-size:13px !important;
	padding:5px;
}

.responsive-layout-width360 #zone-user{
	background-color:#000;


}
.responsive-layout-width360 #region-user-first #block-block-1{
	width:100%;	
    height:56px;
}

/********** ==================== for Top menu ============================ *******/
.responsive-layout-width360 #region-user-second .region-inner #block-menu-menu-top-menu .block-inner .block-title{
	display: none;
}

.responsive-layout-width360  #region-user-second .region-inner #block-menu-menu-top-menu .block-inner .content ul.menu{
	border: medium none !important;
    list-style: outside none none !important;
    padding: 10px !important;
    text-align: left !important;
    float:right !important;
    margin-top:-40px;
}

.responsive-layout-width360 #region-user-second .region-inner #block-menu-menu-top-menu .block-inner .content ul.menu li{
    display:inline;  
    padding: 1px;
}

.responsive-layout-width360 #region-user-second .region-inner #block-menu-menu-top-menu .block-inner .content ul.menu li a{
	color:#7a7a7a;
	font-size:9px;	
}

/************************************************************ for logo *****************************************************/
.responsive-layout-width360 img#logo{
	/*border:1px solid red;*/
	width:100%;
}

.responsive-layout-width360 #zone-branding{
	background-image:url("../images/bg_header.jpg") !important;
	background-repeat:repeat-x !important;
	height: 80px !important;
	/*width:1180px !important;*/
	margin-top:-2px !important;
	-webkit-box-shadow: 5px 7px 8px -5px rgba(0,0,0,0.52);
-moz-box-shadow: 5px 7px 8px -5px rgba(0,0,0,0.52);
box-shadow: 5px 7px 8px -5px rgba(0,0,0,0.52);
}

.responsive-layout-width360 div.logo-img a img{
	margin-top: -20px;
    max-width: 280px;
    margin-bottom:12px;
}


/* ----------------------- for search form ------------------------- */
.responsive-layout-width360 #region-postscript-fourth .region-inner #block-search-form .block-inner .content form#search-block-form{
	float: right;
	margin-top:-36px;
}

.responsive-layout-width360 #block-search-form #edit-actions #edit-submit{
	background-color: transparent;
    border: 0 none;
    color: #ffffff;    
}

/********* ======================== for slider =========================== *******/


.responsive-layout-width360 #zone-slider #region-slider .region-inner #block-views-home-slider-block .block-inner .block-title{
	display: none;
}

.responsive-layout-width360 #zone-slider #region-slider .region-inner #block-views-home-slider-block .block-inner .content img{
	margin-top: 24px;
    max-height: 155px;
    max-width: 340px;
    transform-origin: center center 0;
    transform:scale(1.06);
    vertical-align: middle;   
}

.responsive-layout-width360 #block-views-home-slider-block{
	margin-top:-24px;
	width:100%;

}

.responsive-layout-width360 div#views_slideshow_cycle_div_home_slider-block_0,.responsive-layout-width360 div#views_slideshow_cycle_div_home_slider-block_1,.responsive-layout-width360 div#views_slideshow_cycle_div_home_slider-block_2,.responsive-layout-width360 div#views_slideshow_cycle_div_home_slider-block_3,.responsive-layout-width360 div#views_slideshow_cycle_div_home_slider-block_4{
	height:192px !important;
}

.responsive-layout-width360 div#views_slideshow_cycle_teaser_section_home_slider-block{
	height:247px !important;
}

.responsive-layout-width360 div.view-home-slider .view-content .skin-default .views_slideshow_cycle_main_home_slider-block{
	max-height:210px;
	border:1px solid green;
}


/*******  ======================end for slider ============================*******/

/*********** ====================== HOME/sidebar first/chairman's message block ============================ *************/
.responsive-layout-width360  #region-sidebar-first .region-inner #block-block-2{	
	padding:0px 0px 0px 0px;
}
.responsive-layout-width360  .not-front #region-sidebar-first .region-inner #block-block-2{
	padding: 15px 0px 0px 20px;
}
.responsive-layout-width360  #region-sidebar-first .region-inner #block-block-2 .block-inner .content h5{
	color:#2b6092;
	font-family:Arial;	
} 

.responsive-layout-width360  #region-sidebar-first .region-inner #block-block-2 .block-inner .content p{
	font-family:Arial;
	font-size:15px;
	text-align:justify;
	color:#444444;
	line-height:1.5;
}



/*******=========================== Home/sidebarsecond /latest news =================================**************/
.responsive-layout-width360 #block-views-latest-news-block{
	padding:0px;
	margin-top: 30px;
}
.responsive-layout-width360 #block-views-latest-news-block .block-inner{
	/*margin-top:-13px;*/
}

.responsive-layout-width360 #block-views-latest-news-block .block-inner .content .views-field-body .field-content p{
	text-align:justify;
	font-size:13px;
	font-family:Arial;
}

.responsive-layout-width360 #block-views-latest-news-block .block-inner .block-title{
	font-size:16px;
	font-family:Arial;
	color:#2b6092;
	text-transform: uppercase;
}

.responsive-layout-width360 #block-views-latest-news-block .block-inner .content{
	/*border-radius: 5px;
    box-shadow: 0 2px 6px #ffffff inset;*/
}
  

.responsive-layout-width360 #block-views-latest-news-block div.item-list{
	/*border: 1px dotted green;*/
    width: 340px;
}

.responsive-layout-width360 #block-views-latest-news-block div.item-list ul li{
	list-style: disc;
	padding:5px;
	margin-left:12px;
	
}

.responsive-layout-width360 #block-views-latest-news-block div.item-list ul li a{
    color:#444444;
    font-family:Arial;
    font-size:15px;

}

.responsive-layout-width360 #block-views-latest-news-block div.item-list ul li a:hover{
    color:#2b6092;
}


/********* ======================== HOME/content/Myanmar Thilawa SEZ block ======================== **********************/


.responsive-layout-width360 #region-content .region-inner #block-system-main h2.node-title{
	display: none;
}

.responsive-layout-width360 #region-content .region-inner #block-system-main #node-page-47{
	margin-top:-35px;
}

.responsive-layout-width360 #region-content .region-inner #block-system-main #node-page-47 .content h5{	
	color: #2b6092;
    font-family: Arial;
    margin-bottom: -37px;
}

.responsive-layout-width360 #region-content .region-inner #block-system-main #node-page-47 .content p{
	color: #444444;
    font-family: Arial;
    font-size: 15px;
    margin-top: 41px;
    text-align: justify;
}

.responsive-layout-width360 .not-front #region-content{
	background: #fdfdfd none repeat scroll 0 0;
	border: 1px solid #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 6px #efefef inset;
    margin: 0 0 0px;
    overflow: hidden;
    height:auto;
    min-height:595px;
}

.responsive-layout-width360  #region-content .content {
	padding: 0px 10px 0px 10px;
}
.responsive-layout-width360 #region-content .region-inner #page-title{
	padding: 10px 20px 0px 20px;
	margin-bottom: 0px;
	display:none;
}

/***** for read more ********/ 
.responsive-layout-width360 #node-page-47 div.clearfix nav.links{
  	display:none;
}
 
 
.responsive-layout-width360 div.feed-icon{
	display: none;
}

/********* ========================= HOME/content/Myanmar Thilawa SEZ banner ====================== *******/
.responsive-layout-width360 #region-content .region-inner #block-block-4{
	/*margin-bottom:31px !important;*/padding-top: 5px;
}

.responsive-layout-width360 #region-content .region-inner #block-block-4 .block-inner .content div#thilwapic1 img{
     max-width: 320px;
    transform: scaleX(1.08);
    transform-origin: center center 0;
    transition: all 0.4s ease 0s;  
}

/****** ============================================ For front page block ==========================================*******/

.responsive-layout-width360 #region-content .region-inner #block-block-7 #cub,.responsive-layout-width360 #region-content .region-inner #block-block-8 #cub,.responsive-layout-width360 #region-content .region-inner #block-block-9 #cub
,.responsive-layout-width360 #region-content .region-inner #block-block-10 #cub,.responsive-layout-width360 #region-content .region-inner #block-block-11 #cub,.responsive-layout-width360 #region-content .region-inner #block-block-12 #cub
,.responsive-layout-width360 #region-content .region-inner #block-block-13 #cub,.responsive-layout-width360 #region-content .region-inner #block-block-14 #cub,.responsive-layout-width360 #region-content .region-inner #block-block-15 #cub ,
.region-inner #block-block-14 #cub,.responsive-layout-width360 #region-content .region-inner #block-block-20 #cub
 {
    width:281px;
	height:281px;
	background-image:url("../images/background.jpg") !important;	
	/*padding-left:7px;*/
 }

.responsive-layout-width360 #region-content .region-inner #block-block-7,.responsive-layout-width360 #region-content .region-inner #block-block-10,.responsive-layout-width360 #region-content .region-inner #block-block-13 ,
.responsive-layout-width360 #region-content .region-inner #block-block-20

{
	float:left;
    width:281px;
	height:281px;
	border-radius:3px ;
	margin-bottom:5px;
	

}

.responsive-layout-width360 #region-content .region-inner #block-block-8,.responsive-layout-width360 #region-content .region-inner #block-block-11,.responsive-layout-width360 #region-content .region-inner #block-block-14{
	float:left;
    width:281px;
	height:281px;
	border-radius:3px ;
	/*padding-left:19px;*/
    margin-bottom:5px;
}

.responsive-layout-width360 #region-content .region-inner #block-block-9,.responsive-layout-width360 #region-content .region-inner #block-block-12,.responsive-layout-width360 #region-content .region-inner #block-block-15{
	float:left;
    width:281px;
	height:281px;
	border-radius:3px ;
	/*padding-left:18px;*/
	margin-bottom:20px;
}

.responsive-layout-width360 #region-content .region-inner #block-block-7 .content p img,.responsive-layout-width360 #region-content .region-inner #block-block-10 .content p img,.responsive-layout-width360 #region-content .region-inner #block-block-13 .content p img,.responsive-layout-width360 #region-content .region-inner #block-block-8 .content p img,
.responsive-layout-width360 #region-content .region-inner #block-block-11 .content p img,.responsive-layout-width360 #region-content .region-inner #block-block-14 .content p img,.responsive-layout-width360 #region-content .region-inner #block-block-9 .content p img,.responsive-layout-width360 #region-content .region-inner #block-block-12 .content p img,
.responsive-layout-width360 #region-content .region-inner #block-block-15 .content p img ,
.responsive-layout-width360 #region-content .region-inner #block-block-20 .content p img
{ 
    max-width:281px !important;
	vertical-align:middle;
}

.responsive-layout-width360 #region-content .region-inner #block-block-7 h3 a ,.responsive-layout-width360 #region-content .region-inner #block-block-10 h3 a ,.responsive-layout-width360 #region-content .region-inner #block-block-13 h3 a ,.responsive-layout-width360 #region-content .region-inner #block-block-8 h3 a ,
.responsive-layout-width360 #region-content .region-inner #block-block-11 h3 a ,.responsive-layout-width360 #region-content .region-inner #block-block-14 h3 a ,.responsive-layout-width360 #region-content .region-inner #block-block-9 h3 a ,.responsive-layout-width360 #region-content .region-inner #block-block-12 h3 a ,
.responsive-layout-width360 #region-content .region-inner #block-block-15 h3 a ,
.responsive-layout-width360 #region-content .region-inner #block-block-20 h3 a
{
	font-size:13px;
	font-family:Arial;
	color:#2b6092;	
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px 10px 0px 10px;
}
.responsive-layout-width360 #region-content .region-inner #block-block-7 #front-b-p,.responsive-layout-width360 #region-content .region-inner #block-block-10  #front-b-p,.responsive-layout-width360 #region-content .region-inner #block-block-13  #front-b-p,.responsive-layout-width360 #region-content .region-inner #block-block-8  #front-b-p,
.responsive-layout-width360 #region-content .region-inner #block-block-11 #front-b-p,.responsive-layout-width360 #region-content .region-inner #block-block-14  #front-b-p,.responsive-layout-width360 #region-content .region-inner #block-block-9  #front-b-p,.responsive-layout-width360 #region-content .region-inner #block-block-12  #front-b-p,
.responsive-layout-width360 #region-content .region-inner #block-block-15 #front-b-p ,
.responsive-layout-width360 #region-content .region-inner #block-block-20 #front-b-p
{
    
	font-size:13px;
	font-family:Arial;
	color:#444444;
	text-align:justify;
	margin:auto;
	line-height: 1.2;
	padding: 0px 10px 0px 10px;
}






/*** -------------------- for TB mega menu -------------------****/

.responsive-layout-width360 .tb-megamenu .btn-navbar{
     background: rgba(0, 0, 0, 0) url("../images/mobilemenu.png") no-repeat scroll 5px 6px !important;
    display:block !important;
    background-repeat:no-repeat !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    color: #fff;
    display: none;
    float: left;
    margin: 0;
    padding: 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}

.responsive-layout-width360 .tb-megamenu{
    background-color:transparent !important;
  
}

.responsive-layout-width360 #block-tb-megamenu-main-menu #tb-megamenu-main-menu .btn-navbar{
	z-index:100;
	margin-top:-47px;
}

.responsive-layout-width360 #block-block-17 .block-inner .content p{
	display:none;
}


.responsive-layout-width360 #tb-megamenu-main-menu .nav-collapse ul.tb-megamenu-nav > li.level-1{
	text-transform: uppercase;
	background-image: url("../images/bg_header.jpg");
    background-repeat: repeat-x;
}


.responsive-layout-width360 #tb-megamenu-main-menu .nav-collapse ul.tb-megamenu-nav > li.level-1 a:hover{
	background-image:url('../images/selectmenu.jpg');
	background-repeat: repeat-x;
	color:none;
	
}


    /******* ------------------------------------ for sub menu ---------------------------------- ********/
     .responsive-layout-width360 .tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus , .responsive-layout-width320 .tb-megamenu .nav-collapse .nav > li  ul.tb-megamenu-subnav > li > a:hover{
     	color:#ffffff !important;
     }


     .responsive-layout-width360 .tb-megamenu .nav-collapse .nav > li  ul.tb-megamenu-subnav > li > a:hover {
    	color:#444444 !important;
     }

     .responsive-layout-width360 .tb-megamenu .dropdown-menu .mega-nav > li a{
     	margin-left:13px !important;
     	color:#444444 !important;
     }
     
     .responsive-layout-width360 .tb-megamenu .span12.mega-col-nav .mega-inner{
     	 padding:0px !important;
     }


		.responsive-layout-width360 #tb-megamenu-main-menu .nav-collapse ul.tb-megamenu-nav > li.level-1 ul >li.level-2{
			background-color:#ffffff !important;
			border-bottom:1px solid #cccccc;
		}
         .responsive-layout-width360 #tb-megamenu-main-menu .nav-collapse ul.tb-megamenu-nav > li.level-1 ul li.level-2 a:hover{
            background-image:url('../images/submenu.jpg') !important;
	        background-repeat: repeat-x !important;
         }

        .responsive-layout-width360 #tb-megamenu-main-menu .nav-collapse ul.tb-megamenu-nav > li.level-1 ul li.level-2:hover{
        	background-image:url('../images/submenu.jpg') !important;
	        background-repeat: repeat-x !important;
        }
		.responsive-layout-width360 #tb-megamenu-main-menu .nav-collapse ul.tb-megamenu-nav > li.level-1 ul li.level-2 a{
			text-transform: none;
			border-bottom:none !important;
			
		}

        .responsive-layout-width360 .tb-megamenu .btn:hover{
            background-color: #e6e6e6 !important;
		    background-position: 8px 2px !important;
		    color: #333 !important;
		    text-decoration: none !important;
		    transition: background-position 0.1s linear 0s !important;

        }

		.responsive-layout-width360 body{
			 overflow-x: hidden;
		}

        /***************** One stop service new drop down (vertical ) ********************************************/
         .responsive-layout-width360 #block-block-21 table td {
             background-color: #ffffff !important;
             width:100%;
             float:left;
          }

         

          .responsive-layout-width360 #block-block-21 table tr td ul li a {
                color: #000000 !important;
                float: left !important;
                font-size: 12px !important;
                margin: 0 0 11px;
                padding: 0 !important;
                text-transform: none !important;
                width: 100% !important;                
          }

          .responsive-layout-width360 #block-block-21 .block-inner .content table tr td ul li a:hover {
                 background-image: url("../images/submenu.jpg") !important;
                 background-repeat: repeat-x !important;
                 color: #000000 !important;
                 margin: -1px 0 0 -1px !important;
                 padding: 9px 0 7px 2px !important;
          }

/****** ============================================ For footer ==========================================*******/


  /* ------------------------ footer first -----------------------
  ---------------------------------------------------------------- */
.responsive-layout-width360 #zone-footer #region-footer-first .region-inner #block-block-5{
	width:auto;
	height: 147px;
	background-color:#666666;
}

  /**** newly added for 320 px *****/
.responsive-layout-width360 #zone-footer{
    background-color:#666666;
   
}

.responsive-layout-width360 #zone-footer #region-footer-first .region-inner #block-block-5 .block-inner .content  p#title{
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#f6f7f9;
	padding:15px;
	font-weight: bold;
}

.responsive-layout-width360 #zone-footer #region-footer-first .region-inner #block-block-5 .block-inner .content  p#para{
	font-family:Arial;
	font-size:13px;
	color:#d3d4d6;
	margin-left:15px;
	margin-top: -50px;
}

.responsive-layout-width360 #zone-footer #region-footer-first .region-inner #block-block-5 .block-inner .content  p#para a{
	color:#e3e4e5;
}

/* ------------------------ footer first -----------------------
  ---------------------------------------------------------------- */

.responsive-layout-width360 #region-footer-second .region-inner #block-block-6 .block-inner .content #footerpic img{
 	margin-top:30px;
 	padding:7px;
 	width:70px !important;
 }



 /********************* footer first (copy right) **************************** */
.responsive-layout-width360 #region-footer-first .region-inner #block-block-16{
 	margin-left: 400px;
    margin-top: -50px;
    width: 100%;
 }

.responsive-layout-width360 #region-footer-first .region-inner #block-block-16 .block-inner .content p{
 	color:#eeeeee;
 	font-family:Arial;
 	font-size: 11px;
    text-transform: uppercase;
 }

/*************************************** ( About Us - > TSEZMC members )  ********************************/
 .responsive-layout-width360 section#block-views-tsezmc-member-block h2.block-title{
   display: none;
}

.responsive-layout-width360 #node-page-13 h5{
	font-family:Arial;
	color:#2b6092 !important;	
}
 .responsive-layout-width360 div.view-tsezmc-member table.views-table{
	margin:auto auto 23px;
	 
}

.responsive-layout-width360 div.view-tsezmc-member table.views-table tr th{
   border:1px solid #bbbbbb;
}

.responsive-layout-width360 div.view-tsezmc-member table.views-table tr td{
   border:1px solid #bbbbbb;
}



 .responsive-layout-width360 div.view-tsezmc-member table.views-table tr.even{
	background:transparent none repeat scroll 0 0;
}

 .responsive-layout-width360 div.view-tsezmc-member table.views-table .views-field-field-tsezmc-image img{
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 10px 12px 11px -7px rgba(156, 156, 156, 1);
    margin: auto;
}

 .responsive-layout-width360 div.view-tsezmc-member table.views-table tr td.views-field-field-tsezmc-image{
	text-align: center;
	width:150px;
}

 .responsive-layout-width360 div.view-tsezmc-member table.views-table tr:hover{
  background: #fbf8e9;
  transition: all 0.1s ease-in-out;  
}


/******************************** (One Stop Service [how to apply] -> OSSC Members) ***************************************/
.responsive-layout-width360 section#block-views-ossc-member-block h2.block-title{
   display: none;
}

.responsive-layout-width360 div.view-ossc-member table.views-table{
	margin:auto auto 23px;
}

.responsive-layout-width360 div.view-ossc-member table.views-table tr.even{
	background:transparent none repeat scroll 0 0;
}

.responsive-layout-width360 div.view-ossc-member table.views-table .views-field-field-ossc-image img{
    border: 1px solid #cccccc ;
    border-radius: 5px ;
    box-shadow: 10px 12px 11px -7px rgba(156, 156, 156, 1) ;
    margin: auto ;
}

.responsive-layout-width360 div.view-ossc-member table.views-table tr td.views-field-field-ossc-image{
	text-align: center;
	width:150px;
}

.responsive-layout-width360 div.view-ossc-member table.views-table tr:hover{
  background: #fbf8e9;
  transition: all 0.1s ease-in-out;  
}


/********************************* new adding for online application block of front page **********************/
.responsive-layout-width360 div.online-app > p {
    padding: 36px 0 0 19px;
}

.responsive-layout-width360 div.online-app > ul li a{
    color: #444444;
    font-family: Arial;
    font-size: 15px;
    padding-right: 9px;
    text-align: justify;
    word-spacing: 0.1em;
}


.responsive-layout-width360 div.online-app > ul li {
   color: #444444;
    font-family: Arial;
    font-size: 15px;
    padding-right: 9px;
    text-align: justify;
    word-spacing: 0.1em;
}

.responsive-layout-width360 .online-app .online-photo {
    background-color: #5aa0d3;
    border: 1px solid #5aa0d3;
    border-radius: 7px;
    height: 55px;
    margin: 48px 0 0 20px;
    width: 251px;
}

.responsive-layout-width360 .online-photo > p {
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 9px 11px;
}

.responsive-layout-width360 iframe{
    height: auto !important;
    padding-right: 20px !important;
    width: 274px !important;
}
.webform-progressbar, .webform-component-textarea .grippie, .webform-progressbar-outer { display:none !important;}