/* Less Framework 4 with 17/24 type presets http://lessframework.com by Joni Korpi License: http://opensource.org/licenses/mit-license.php */ /* Resets ------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img {border: 0;} a {color:#5ba596} a:hover{color:#5ba596} /* Default Layout: 992px. Gutters: 24px. Outer margins: 48px. Leftover space for scrollbars @1024px: 32px. ------------------------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 9 10 px 68 160 252 344 436 528 620 712 804 896 */ body { background: rgba(0, 0, 0, 0) url("../images/bkg_body.png") repeat scroll left top; color: rgb(60, 60, 60); } .nopadding { padding-left:0px;padding-right:0px; } .wrapper { margin: 0 auto; padding: 0; position: relative; width: 100%; } .market_on{ display:block;} .market_status_off{ display:block;} .market_status_on{ display:none;} .boxshadow img{ width:100%} .copyright a:link{ color:#333;} .copyright a:hover{ color:#333;} .copyright a:visited{ color:#C0C0C0;} .social_liston{ display:none;} /*.............................Inner page style ....................*/ .bxsliderWrapper img { max-height:550px; width:100%;} .big_background_title{ background: #000 none repeat scroll 0 0; color: #fff; font-family: "Source Sans Pro BlackIt"; font-size: 37px; font-style: italic; margin-left: 41%; opacity: 0.7; padding: 2px 10px; position: absolute; text-align: center; min-width:240px; max-width:550px; overflow:hidden; top: 42%;} .big_background_title_top{ background: #000 none repeat scroll 0 0; color: #fff; font-family: "Source Sans Pro ExtraLight"; font-size: 37px; font-style: italic; margin-left: 25%; opacity: 0.7; padding: 2px 10px; position: absolute; top: 35%;} .big_background_title_botom{ background: #000 none repeat scroll 0 0; color: #fff; font-family: "Source Sans Pro ExtraLight"; font-size: 37px; font-style: italic; margin-left: 35%; opacity: 0.7; padding: 2px 10px; position: absolute; top: 46%;} .background_img{float:left; width:50%;} .background_img img{ width:100%;} .background_text{float:left;width:50%;text-align:justify; padding-left:30px; vertical-align:top;font-family: "Source Sans Pro"; color:#838383; line-height:22px;} .background_text h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .background_text2{float:left;width:50%;text-align:justify; padding-right:30px;} .background_text2_inner{width:100%; text-align:right; float:right; vertical-align:middle;} .background_text2_inner p{text-align:right;vertical-align:middle; vrtical-align:middle;font-family:"Source Sans Pro Light";color:#838383; line-height:42px; font-size:33px;} .background_text2 h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .background_text .corevalue{} .background_text .corevalue li{font-size: 16px; border:none; list-style:square; padding-bottom: 6px; padding-top: 6px; } .milestons_background_text { color: #838383; float: left; font-family: "Source Sans Pro"; line-height: 22px; padding-left: 30px; text-align: justify; vertical-align: top; width: 99%; } .milestons_background_text h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .milestons table{border:1px solid #F0F0F0; border-collapse:collapse;} .milestons table td{border:1px solid #F0F0F0; border-collapse:collapse; padding:8px;} /*.............................home page graph.............*/ .graph_header{ background: #aad98f none repeat scroll 0 0; border-radius: 5px 5px 0 0; height: 40px; padding-left: 10px; padding-top: 5px; width: 100%; } .graph_content{ margin-top:10px;} .tradesummary1 { margin-right: 10px; width: 100%; font-weight:bold; } .tradesummary1 .col{ width:50%; margin:0 auto; float: left; } .tradesummary-value1 { width:100%; float: left; } .tradesummary-left .caption1{ width:40%; margin:0 auto;} .tradesummary-left .value1{ width:60%; margin:0 auto;} .tradesummary-right .caption1{ width:50%; margin:0 auto;} .tradesummary-right .value1{ width:50%; margin:0 auto;} .tradesummary-title1 { margin-right: 10px; width:100%; } .tradesummary-title1 .content{ width:50%; margin:0 auto;} .tradesummary-value1 { width:100%; } .tradesummary-value1 .content{ width:50%; margin:0 auto;} .tradesummary-value1 .closing{ width:100%; margin:0 auto;} .tradesummary2 { float: left; height: 80px; margin-right: 10px; width: 100%; font-weight:bold; } .tradesummary-title2 { float: left; margin-right: 10px; width: 65px; } .tradesummary-value2 { float: left; width: 80px; } .tradesummary3 { float: left; height: 80px; margin-right: 10px; width: 175px; font-weight:bold; } .tradesummary-title3 { float: left; margin-right: 10px; width: 65px; } .tradesummary-value3 { float: left; width: 90px; } /*.............................Administation page.............*/ .col35{ width:33.33%; float:left;margin-bottom:10px;} .admin_background_text{float:left;width:100%;text-align:justify;vertical-align:top;font-family: "Source Sans Pro"; color:#333; line-height:22px;} .admin_background_text h1{ color: #5ba596; font-family: "Source Sans Pro Semibold"; font-size: 58px; padding-bottom: 10px;} .admin_background_text img{ width:50%} .admin_background_text .mediabox{ margin-top:0px;padding:10px; padding-bottom:10px; } .admin_background_text .mediabox h3{text-align:center} .admin_background_text .mediabox h4{text-align:center; color:#838383} .admin_background_text .mediabox p{ margin-top:15px; text-align:center} .management_text{ min-height: 245px; } .management_text img{width:50%; text-align:center} .management_text .mediabox{ margin-top:0px;padding:10px; padding-bottom:10px; } .management_text .mediabox h3{text-align:center} .management_text .mediabox h4{text-align:center; color:#838383} .management_text .mediabox p{ margin-top:15px; text-align:center} /*.............................CSEe News............*/ .news_title { color: #5ba596; font-size: 45px; text-align: center; width: auto; } /*.............................CSEe News............*/ .bodycol_8{ width:66.6667%;} .bodycol_1{ width:8.33333%} .bodycol_2{ width:16.6667%} .bodycol_3{ width:25%} .bodycol_4{ width:33.3333%} .bodycol_5{ width:41.6667%} .bodycol_6{ width:50%} .bodycol_7{ width:58.3333%} .bodycol_8{ width:66.6667%} .bodycol_9{ width:75%} .bodycol_10{ width:83.3333%} .bodycol_11{ width:91.6667%} .bodycol_12{ width:100%} /*.............................CSEe News............*/ .bodycol_1,.bodycol_2,.bodycol_3,.bodycol_4,.bodycol_5,.bodycol_6,.bodycol_7,.bodycol_8,.bodycol_10,.bodycol_11,.bodycol_12{ float:left;padding: 10px;} .news_body{ background:#e3f2da;} .news_body h1{padding-left:10px;background:#71bf44;color:#000; border-radius:5px;} .news_inner_body{padding:15px;} .news_content{ margin-bottom:10px; text-align:justify;} .news_content p{ color:#333} .news_content p strong{ color:#000} .search_body{} .search_body h1{padding-left:10px;background:#5ba596;color:#FFF; border-radius:5px;} .search_inner_body{padding-top:15px;} .search_content{ margin-bottom:10px;} .search_content p{color:#333} .srcformleft input{float:left;} .srcformright input{float:right; margin-left:10px;} .search_content input{ margin-bottom:10px;} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #fff; border: 1px solid #5ba596; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; color: #747474; outline: 0 none; padding: 4px 0 4px 7px; display: inline-block; font-size: 13px; line-height: 18px; border-radius: 3px; } .contactbox form fieldset { border: 1px solid #e5e5e5; margin: 10px; padding: 34px; } .contactbox legend{ font-size: 37px; font-weight: bold;} /*.............................CSEe Market Sumary............*/ .records_body{ background:#e3f2da; width:65%; margin:0 auto;} .records_body h1{padding-left:10px;background:#0ba047;color:#FFF; border-radius:5px; text-align:center} .records_inner_body{ text-align:center;} .records_content{ margin-bottom:10px; text-align:justify;} .market_body{ background:#e3f2da; width:100%; margin:0 auto;} .market_body h1{padding-left:10px;background:#0ba047;color:#FFF; border-radius:5px; text-align:center} .market_inner_body { clear: both; display: table; text-align: center; width: 100%; } .market_content{ margin-bottom:10px; text-align:justify;} /*.............................CSEe Market Sumary............*/ /*.............................CSE Holiday ............*/ .calenders_body{ margin:0 auto; width:444px;} .calenders_body p{padding-left:10px;background:#0ba047;color:#FFF; border-radius:5px; text-align:center} .calenders_body img{ text-align:center;} .calenders_content{ margin-bottom:10px; text-align:justify;} .calenders_body .calenders-controls-direction a { height: 50px; margin-top: -16px; outline: 0 none; position: absolute; text-indent: -9999px; top: 60%; width: 60px; z-index: 9999; } .calenders_body .bx-prev { background: rgba(0, 0, 0, 0) url("../images/left_cal_arrow.png") no-repeat scroll 0 0; left: 222px;opacity: 0.7; } .calenders_body .bx-next { background: rgba(0, 0, 0, 0) url("../images/right_cal_arrow.png") no-repeat scroll 0 0; right: 222px;opacity: 0.7; } .bx-wrapper .bx-prev:hover { background-position: 0 0; opacity: 0.7; } .bx-wrapper .bx-next:hover { background-position: 0 0; opacity: 0.7; } /*.............................CSE WEB ACI ............*/ .aci_body{ background:#e3f2da; width:100%; margin:0 auto;} .aci_body h1{padding-left:10px;background:#71bf44;color:#000; border-radius:5px; text-align:center} .aci_inner_body { clear: both; display: table; text-align: center; width: 100%; } .aci_header{padding:0; margin:0;} .aci_inner_body .aci_title{ margin:5; background:#aad88f; font-size:16px; font-weight:bold; border-right:3px solid #FFF; border-radius:5px 0px 5px 0px; color:#000} .aci_inner_body .aci_text{ border-bottom:1px solid #DDD; font-size:14px; color:#000; padding:5px;} .aci_inner_body .aci_data_text{font-size:14px; color:#000; padding:5px; text-align:left;} .aci_data_text ul li { display:inline-block; list-style:circle; padding:10px; list-style:disc;} .market_content{ margin-bottom:10px; text-align:justify;} /*.............................CSE WEB Contact us ............*/ .admin_background_text .contactbox { padding: 10px; border:5px solid #5ba596; min-height:220px; margin-bottom:20px; color:#5ba596; line-height:22px;font-family: "Source Sans Pro Light";} .admin_background_text .contactbox p{font-size: 16px; line-height: 23px;} .admin_background_text .contactbox h3{ font-size:40px;} /*.............................CSE Holiday ............*/ /*.............................CSE Web-CASPI ............*/ .admin_background_text .contactbox { padding: 10px; border:5px solid #5ba596; min-height:220px; margin-bottom:20px; color:#5ba596; line-height:22px;font-family: "Source Sans Pro Light";} .admin_background_text .contactbox p{font-size: 16px; line-height: 23px;} .admin_background_text .contactbox h3{ font-size:40px;} .caspi{ background:#e3f2da; width:100%; margin:0 auto;} .caspi h1{padding-left:10px;background:#0ba047;color:#FFF; border-radius:5px; text-align:center; font-size:25px; text-transform:uppercase;} /*.............................CSE Holiday ............*/ /*.............................CSE Web-All Stock Brokers............*/ .st_title { color: #5ba596; font-size: 18px; text-align: center; width: auto; } .bodycol_1,.bodycol_2,.bodycol_3,.bodycol_4,.bodycol_5,.bodycol_6,.bodycol_7,.bodycol_8,.bodycol_10,.bodycol_11,.bodycol_12{ float:left;padding: 3px;} .nopadding {padding-left:0px; padding-right:0px;} .st_body{ background:#FFF;} .st_body_title{background:#71bf44;color:#FFF; text-align:center; border-radius:5px; padding:7px; } .st_body_title a{color:#FFF; text-decoration:none;} .st_body_title a:hover{color:#000;} .st_body span{padding-left:4px;padding-right:4px;color:#FFF;font-weight:700} .st_body span{padding-left:4px;padding-right:4px;color:#FFF;font-weight:700} .st_inner_body{padding:15px;} .st_content{ margin-bottom:10px; text-align:justify;} .st_content .st_list_title{padding:0px;background:#71bf44; border-radius:5px; color:#FFF; text-align:center; font-size:16px; font-weight:bold; margin-bottom:10px; } .st_content ul{ list-style:none; margin-left:10px;} .st_content li{ padding:3px 0px;} .st_content p{ color:#333} .st_content p strong{ color:#000} .search_body{} .search_body h1{padding-left:10px;background:#5ba596;color:#FFF; border-radius:5px;} .search_inner_body{padding-top:15px;} .search_content{ margin-bottom:10px;} .search_content p{color:#333} .srcformleft input{float:left;} .srcformright input{float:right; margin-left:10px;} .search_content input{ margin-bottom:10px;} textarea, select, input[type="text"],input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #fff; border: 1px solid #5ba596; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; color: #747474; outline: 0 none; padding: 4px 0 4px 7px; display: inline-block; font-size: 13px; line-height: 18px; border-radius: 3px; width:160px; } .contactbox form fieldset { border: 1px solid #e5e5e5; margin: 10px; padding: 34px; } .contactbox legend{ font-size: 37px; font-weight: bold;} /*.....................END.CSE Web-All Stock Brokers............*/ /*.....................CSE Financial-reports Stock Brokers............*/ .fr_body{ background:#FFF;} .fr_body_title{background:#71bf44;color:#FFF; text-align:center; border-radius:5px; padding:7px; } .fr_body_title a{color:#FFF; text-decoration:none;} .fr_body_title a:hover{color:#000;} .fr_body span{padding-left:10px;padding-right:10px;color:#FFF;font-weight:700} .circutbraker_body h1 { background: #0ba047 none repeat scroll 0 0; border-radius: 5px; color: #fff; padding-left: 10px; text-align: center; } .circutbraker_body{ background:#FFF; width:80%; margin:0 auto;} .fr_inner_body{padding:15px; clear:both; display:inline-table} .fr_content{ margin-bottom:10px; text-align:justify;} .fr_content .fr_list_title{padding:0px;background:#71bf44 ; border-radius:5px; color:#FFF; text-align:center; font-size:16px; font-weight:bold; margin-bottom:10px; } .fr_content ul{ list-style:none; margin-left:10px;} .fr_content li{ padding:3px 0px;} .fr_content p{ color:#333} .fr_content p strong{ color:#000} /*.....................CSE Financial-reports Stock Brokers............*/ /*....................CSE Web-Circuit Breaker............*/ /*.............................CSEe Market Sumary............*/ .records_body{ background:#e3f2da; width:65%; margin:0 auto;} .records_body h1{padding-left:10px;background:#0ba047;color:#FFF; border-radius:5px; text-align:center} .records_inner_body{ text-align:center;} .records_content{ margin-bottom:10px; text-align:justify;} .market_body{ background:#e3f2da; width:100%; margin:0 auto;} .market_body h1{background: #0ba047 none repeat scroll 0 0; border-radius: 5px; color: #fff; padding-bottom: 5px; padding-left: 10px; padding-top: 5px; text-align: center;} .market_inner_body { clear: both; display: table; text-align: center; width: 100%; } .market_content{ margin-bottom:10px; text-align:justify;} /*.............................CSE DP Service.............*/ .dpbackground_img{float:left; width:50%;} .dpbackground_img img{ width:100%;} .dpbackground_text{float:left;width:50%;text-align:justify; padding-left:30px; vertical-align:top;font-family: "Source Sans Pro"; color:#838383; line-height:22px;} .dpbackground_text h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .dpbackground_text2{float:left;width:50%;text-align:justify; padding-right:30px;} .dpbackground_text2_inner{width:100%; text-align:right; float:right; vertical-align:middle;} .dpbackground_text2_inner p{color: #838383; font-family: "Source Sans Pro Light"; font-size: 20px; line-height: 35px; text-align: right; vertical-align: middle;} .dpbackground_text2 h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .dpbackground_outside h2{ color:#5ba596;} .dpbackground_outside .dpservicelist ul{} .dpbackground_outside .dpservicelist li { border: medium none; font-family: "Source Sans Pro Light"; font-size: 20px; list-style: outside square; padding-bottom: 3px; padding-top: 3px;color: #838383; } .dpbackground_outside p { font-size: 20px;color: #838383;font-family: "Source Sans Pro Light"; } .dpbackground_outside .TZRow { background: #f8f8f8 none repeat scroll 0 0; font-family: Verdana,Arial,Helvetica,sans-serif; padding-top: 15px; } .dpbackground_outside .TZRow1 { background: #f1f1f1 none repeat scroll 0 0; font-family: Verdana,Arial,Helvetica,sans-serif; } /*.............................CSE inner content Service.............*/ .defultcontent_outside{ padding:10px;} .defultcontent_img{float:left; width:50%;} .defultcontent_img img{ width:100%;} .defultcontent_text{float:left;width:50%;text-align:justify; padding-left:30px; vertical-align:top;font-family: "Source Sans Pro"; color:#838383; line-height:22px;} .defultcontent_outside h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 25px; padding-bottom: 10px; font-weight:bold} .defultcontent_text2{float:left;width:50%;text-align:justify; padding-right:30px;} .defultcontent_text2_inner{width:100%; text-align:right; float:right; vertical-align:middle;} .defultcontent_text2_inner p{color: #838383; font-family: "Source Sans Pro Light"; font-size: 20px; line-height: 35px; text-align: right; vertical-align: top;} .defultcontent_text2 h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .defultcontent_outside h2{ color:#5ba596;font-family: "Source Sans Pro Light";font-size:18px; } .defultcontent_outside ul.defultcontentlist { padding-left:20px;} .defultcontent_outside .defultcontentlist li { border: medium none; font-family: "Source Sans Pro Light"; font-size: 16px; list-style: outside square ; padding-bottom: 3px; padding-top: 3px;color: #838383; } .defultcontentlist li ul{ padding-left:20px;} .defultcontent_outside p { font-size:16px;color: #838383;font-family: "Source Sans Pro Light"; text-align:justify } .defultcontent_outside .TZRow { background: #f8f8f8 none repeat scroll 0 0; padding-top: 15px; } .defultcontent_outside .TZRow1 { background: #f1f1f1 none repeat scroll 0 0; } .defultcontent_outside ol{ padding-left:40px;} .defultcontent_outside ol.defultcontentsubordrlist li{ list-style: outside decimal ; margin: 5px 0; } .defultcontentsublist li{ list-style: outside decimal ;} /*.............................CSEe Market Sumary............*/ /*.....................CSE Company list............*/ .com_body{ background:#FFF;} .com_body_title{background:#71bf44;color:#FFF; text-align:center; border-radius:5px; padding:7px; } .com_body_title a{color:#FFF; text-decoration:none;} .com_body_title a:hover{color:#000;} .com_body span{padding-left:10px;padding-right:10px;color:#FFF;font-weight:700} .circutbraker_body h1 { background: #0ba047 none repeat scroll 0 0; border-radius: 5px; color: #fff; padding-left: 10px; text-align: center; } .circutbraker_body{ background:#FFF; width:80%; margin:0 auto;} .com_inner_body{clear:both;display:block} .com_content{ margin-bottom:10px; text-align:justify;} .com_content .com_list_title{padding:0px;background:#71bf44 ; border-radius:5px; color:#FFF; text-align:center; font-size:16px; font-weight:bold; margin-bottom:10px; } .com_content ul{ list-style:none;} .com_content li{ padding:3px 0px;} .com_inner_body td{} .com_content p{ color:#333} .com_content p strong{ color:#000} /*.....................CSE Company details ............*/ .com_title { color: #5ba596; font-size: 30px; margin-left: 20px; text-align: left; width: auto; } @media only screen and (min-width: 992px) and (max-width: 1140px) { .frame-area { width: 970px; } header { width: 970px; } .cselogo img{ width:100%} .market_status_off{ display:none;} .market_status_on{ display:block;} header .bangla { font-size: 18px; width: 65px; } header nav ul{ height: 40px; } header nav ul li { height: 40px; line-height: 72px; } header nav ul li a { line-height: 5px; } header nav ul li { height: 40px; } .cse_nav_menu{width:73%;} .ticker_value{height: 37px;width: 800px;} .ticker_value img{100% } .col_m_9{ width:100%} .col_m_12{ width:100%} .col_m_6{width: 50%;} .col_m_3{width: 23%;} .col_top_10{width: 33%;} .ticker_value img{ width:100%} .market_status { margin: auto; width: 70%; float:left; margin-right:20px; } .search{float:left;} /*top ten div*/ .tabbed_area { width: 295px; } ul.tabs li #tab_1 {padding:5px 15px 5px 15px; } ul.tabs li #tab_2 {padding:5px 10px 5px 10px; } ul.tabs li #tab_3 { padding:5px 15px 5px 15px; } ul.tabs li #tab_4 { padding:5px 14px 5px 14px; } ul.tabs li #tab_1.active { padding:5px 15px 5px 15px; } ul.tabs li #tab_2.active { padding:5px 10px 5px 10px; } ul.tabs li #tab_3.active { padding:5px 15px 5px 15px; } ul.tabs li #tab_4.active { padding:5px 14px 5px 14px; } .mover_MIrow{ width:100%} .mover_MIrow1{ width:100%} .mover_Col1 { width:20%; } .mover_Col2 { width: 10%; } .mover_Col3 { width:20%; } .mover_Col4 { width:20%; } .mover_Col5 { width:20%; } /* end top ten div*/ /*.............................MARKET Status ....................*/ .col_market{ width:100%} .tabbed_area { width: 100%; } ul.top_tabs li #top_tab_1 {padding:5px 7% 5px 8%; } ul.top_tabs li #top_tab_2 {padding:5px 7% 5px 8%; } ul.top_tabs li #top_tab_3 { padding:5px 7% 5px 8%; } ul.top_tabs li #top_tab_4 { padding:5px 7% 5px 8%; } ul.top_tabs li #top_tab_5 { padding:5px 7% 5px 8%; } ul.top_tabs li #top_tab_1.active { padding:5px 8% 5px 8%; } ul.top_tabs li #top_tab_2.active { padding:5px 8% 5px 8%; } ul.top_tabs li #top_tab_3.active { padding:5px 8% 5px 8%; } ul.top_tabs li #top_tab_4.active { padding:5px 8% 5px 8%; } ul.top_tabs li #top_tab_5.active { padding:5px 8% 5px 8%; } /*.............................end MARKET Status ....................*/ /*.............................Inner page style ....................*/ .background_img{float:left; width:45%;} .background_text{float:left;width:50%;text-align:justify;} /*.............................Inner page style ....................*/ /*.............................Inner page style ....................*/ .background_img{float:left; width:50%;} .background_img img{ width:100%;} .background_text{float:left;width:50%;text-align:justify; padding-left:30px; vertical-align:top;font-family: "Source Sans Pro"; color:#838383; line-height:22px;} .background_text h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .background_text2{float:left;width:50%;text-align:justify; padding-right:30px;} .background_text2_inner{width:100%; text-align:right; float:right; vertical-align:middle;} .background_text2_inner p{text-align:right;vertical-align:middle; vrtical-align:middle;font-family:"Source Sans Pro Light";color:#838383; line-height:42px; font-size:33px;} .background_text2 h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .background_text .corevalue{} .background_text .corevalue ul li{font-size: 16px; list-style: outside none none; padding-bottom: 6px; padding-top: 6px; } /*.............................Administation page.............*/ .col35{ width:33.33%; float:left;margin-bottom:10px;} .admin_background_text{float:left;width:100%;text-align:justify;vertical-align:top;font-family: "Source Sans Pro"; color:#333; line-height:22px;} .admin_background_text h1{ color: #5ba596; font-family: "Source Sans Pro Semibold"; font-size: 58px; padding-bottom: 10px;} .admin_background_text img{ width:100%} .admin_background_text .mediabox{ margin-top:0px;padding:10px; padding-bottom:10px; } .admin_background_text .mediabox h3{text-align:center} .admin_background_text .mediabox p{ margin-top:15px; text-align:center} /*.............................CSE NEWS Style.............*/ .news_title{ font-size:45px;color:#5ba596; } /*.............................CSEe News............*/ .bodycol_1,.bodycol_2,.bodycol_3,.bodycol_4,.bodycol_5,.bodycol_6,.bodycol_7,.bodycol_8,.bodycol_10,.bodycol_11,.bodycol_12{ float:left;padding: 10px;} .news_body{ background:#e3f2da;} .news_body h1{padding-left:10px;background:#71bf44;color:#000; border-radius:5px;} .news_inner_body{padding:15px;} .news_content{ margin-bottom:10px; text-align:justify;} .news_content p{ color:#333} .news_content p strong{ color:#000} .search_body{} .search_body h1{padding-left:10px;background:#5ba596;color:#FFF; border-radius:5px;} .search_inner_body{padding:15px;} .search_content{ margin-bottom:10px;} .search_content p{color:#333} .srcformleft input{float:none; margin-bottom:10px;} .srcformright input{float:none; margin-left:0px;} /*.............................CSE DP Service.............*/ .dpbackground_img{float:left; width:100%;} .dpbackground_img img{ width:100%;} .dpbackground_text{float:left;width:100%;text-align:justify; padding-left:10px; vertical-align:top;font-family: "Source Sans Pro"; color:#838383; line-height:22px;} .dpbackground_text h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .dpbackground_text2{float:left;width:100%;text-align:justify;margin-bottom:20px;} .dpbackground_text2_inner{width:100%; text-align:justify; float:left; vertical-align:middle;} .dpbackground_text2_inner p{text-align:right;vertical-align:middle; vrtical-align:middle;font-family:"Source Sans Pro Light";color:#838383; line-height:42px; font-size:33px;} .dpbackground_text2 h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px; text-align:center} /*.............................CSEe News............*/ /*.............................CSE NEWS Style.............*/ } /* Tablet Layout: 768px. Gutters: 24px. Outer margins: 28px. Inherits styles from: Default Layout. ----------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 px 68 160 252 344 436 528 620 712 */ @media only screen and (min-width: 768px) and (max-width: 991px) { .frame-area { width: 750px; } header { width: 750px; } .cselogo img{ width:100%} .market_status_off{ display:none;} .market_status_on{ display:block;} header .bangla { font-size: 14px; margin-top: 8px; width: 35px; } .no_mergine_right { padding-right: 0; width: 135px; } .tickerbg { width: 85px; } .tickerbg .tickercont { width: 50px; } .tickerbg .onoff { width: 34px; } .tickerbg .on { font-size: 12px; } .tickerbg .off { font-size: 12px; } .tickerbg .ticker { font-size: 12px; padding: 8px 4px; width: 50px; } header nav ul{ height: 40px; } header nav ul li { height: 40px; line-height: 72px;padding: 0 0px; } header nav ul li a { line-height: 5px; padding: 5px; } header nav ul li { height: 40px; } .ticker_value{height: 45px;width: 100%;} .ticker_value img{100% } .col_m_9{ width:100%} .col_m_12{ width:100%} .col_m_6{width: 50%;} .col_m_3{width: 25%;} .col_news50{width: 50%; margin-bottom:20px;} .col_top_10{width: 100%;} .ticker_value img{ width:100%} .market_status { float: left; margin: auto 20px auto auto; width: 100%; } .market_status #space5{ display:none;} .search{ display:none;float:left;} /*top ten div*/ .tabbed_area { width: 295px; } ul.tabs li #tab_1 {padding:5px 15px 5px 15px; } ul.tabs li #tab_2 {padding:5px 10px 5px 10px; } ul.tabs li #tab_3 { padding:5px 15px 5px 15px; } ul.tabs li #tab_4 { padding:5px 14px 5px 14px; } ul.tabs li #tab_1.active { padding:5px 15px 5px 15px; } ul.tabs li #tab_2.active { padding:5px 10px 5px 10px; } ul.tabs li #tab_3.active { padding:5px 15px 5px 15px; } ul.tabs li #tab_4.active { padding:5px 14px 5px 14px; } .mover_MIrow{ width:100%} .mover_MIrow1{ width:100%} .mover_Col1 { width:20%; } .mover_Col2 { width: 10%; } .mover_Col3 { width:20%; } .mover_Col4 { width:20%; } .mover_Col5 { width:20%; } /* end top ten div*/ /*.............................MARKET Status ....................*/ .col_market{ width:100%} .tabbed_area { width: 100%; } ul.top_tabs li #top_tab_1 {padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_2 {padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_3 { padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_4 { padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_5 { padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_1.active { padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_2.active { padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_3.active { padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_4.active { padding:5px 7% 5px 7%; } ul.top_tabs li #top_tab_5.active { padding:5px 7% 5px 7%; } .news_content .dir_news_title { padding: 10px 0; } .news_content .product_news_title{ padding: 10px 0; } .news_content .economy_news_title { padding: 10px 0; } /*.............................end MARKET Status ....................*/ .social_liston{ display:none;} .background_img{float:left; width:50%;} .background_img img{ width:100%;} .background_text{float:left;width:50%;text-align:justify; padding-left:30px; vertical-align:top;font-family: "Source Sans Pro"; color:#838383; line-height:22px;} .background_text h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .background_text2{float:left;width:50%;text-align:justify; padding-right:30px;} .background_text2_inner{width:100%; text-align:right; float:right; vertical-align:middle;} .background_text2_inner p{text-align:right;vertical-align:middle; vrtical-align:middle;font-family:"Source Sans Pro Light";color:#838383; line-height:42px; font-size:33px;} .background_text2 h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} /*.............................Administation page.............*/ .col35{ width:33.33%; float:left;margin-bottom:10px;} .admin_background_text{float:left;width:100%;text-align:justify;vertical-align:top;font-family: "Source Sans Pro"; color:#333; line-height:22px;} .admin_background_text h1{ color: #5ba596; font-family: "Source Sans Pro Semibold"; font-size: 58px; padding-bottom: 10px;} .admin_background_text img{ width:100%} .admin_background_text .mediabox{ margin-top:0px;padding:10px; padding-bottom:10px; } .admin_background_text .mediabox h3{text-align:center} .admin_background_text .mediabox p{ margin-top:15px; text-align:center} /*.............................Administation page.............*/ /*.............................CSE NEWS Style.............*/ .news_title{ font-size:45px;color:#5ba596; } /*.............................CSEe News............*/ .bodycol_1,.bodycol_2,.bodycol_3,.bodycol_4,.bodycol_5,.bodycol_6,.bodycol_7,.bodycol_8,.bodycol_10,.bodycol_11,.bodycol_12{ float:left;padding: 10px;} .news_body{ background:#e3f2da;} .news_body h1{padding-left:10px;background:#71bf44;color:#000; border-radius:5px;} .news_inner_body{padding:15px;} .news_content{ margin-bottom:10px; text-align:justify;} .news_content p{ color:#333} .news_content p strong{ color:#000} .search_body{} .search_body h1{padding-left:10px;background:#5ba596;color:#FFF; border-radius:5px;} .search_inner_body{padding:15px;} .search_content{ margin-bottom:10px;} .search_content p{color:#333} .srcformleft input{float:none; margin-bottom:10px;} .srcformright input{float:none; margin-left:0px;} /*.............................CSEe News............*/ /*.............................CSE NEWS Style.............*/ } /* Gutters: 24px. Outer margins: 34px. Inherits styles from: Default Layout. --------------------------------------------- cols 1 2 3 px 68 160 252 */ @media only screen and (max-width: 767px) { .frame-area { width: 270px; } header { width: 270px; position:relative; } .bodycontent { margin-top: 1%; } .bxsliderWrapper{ display:none;} .boxshadow{ display:none;} .cselogo{ width:100%} .cselogo img{ width:100%} .market_status_off{ display:none;} .market_status_on{ display:block;} header .bangla { font-size: 14px; margin-top: 8px; width: 35px; } .no_mergine_right { padding-right: 0; width: 135px; } .tickerbg { width: 85px; } .tickerbg .tickercont { width: 50px; } .tickerbg .onoff { width: 34px; } .tickerbg .on { font-size: 12px; } .tickerbg .off { font-size: 12px; } .tickerbg .ticker { font-size: 12px; padding: 8px 4px; width: 50px; } header nav ul{ height: 40px; } header nav ul li { height: 40px; line-height: 72px;padding: 0 0px; } header nav ul li a { line-height: 5px; padding: 5px; } header nav ul li { height: 40px; } header nav{ float:left;} .ticker_value { height: 16px; margin-top: 5px; width: 220px; } .ticker_value img{100% } #space10{ display:none} .col_m_9{ width:100%} .col_m_12{ width:100%} .col_m_6{width: 100%;} .col_m_100{width: 100%; padding-left:0px;} .col_news50{width: 100%; margin-bottom:20px;} .col_b_link{width: 50%;} .col_top_10{width: 100%;} .social_list{width: 100%} .ticker_value img{ width:100%} .market_status { float: left; margin: auto 20px auto auto; width: 100%; } .market_status #space5{ display:none;} .search{ display:none;float:left;} /*top ten div*/ .tabbed_area { width: 295px; } ul.tabs li #tab_1 {padding:5px 35px 5px 35px; } ul.tabs li #tab_2 {padding:5px 25px 5px 25px; } ul.tabs li #tab_3 { padding:5px 25px 5px 25px; } ul.tabs li #tab_4 { padding:5px 35px 5px 35px; } ul.tabs li #tab_1.active { padding:5px 35px 5px 35px; } ul.tabs li #tab_2.active { padding:5px 25px 5px 25px; } ul.tabs li #tab_3.active { padding:5px 25px 5px 25px; } ul.tabs li #tab_4.active { padding:5px 35px 5px 35px; } .mover_MIrow{ width:100%} .mover_MIrow1{ width:100%;} .mover_Col1 { width:23%; font-size:8px; } .mover_Col2 { width: 10%; } .mover_Col3 { width:20%; } .mover_Col4 { width:23%; } .mover_Col5 { width:20%; } /* end top ten div*/ /*.............................MARKET Status ....................*/ .col_market{ width:100%; padding-left:0px; padding-right:0px; font-size:12px} .tabbed_area { width: 100%; } ul.top_tabs li #top_tab_1 {padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_2 {padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_3 { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_4 { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_5 { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_1.active { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_2.active { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_3.active { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_4.active { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_5.active { padding:5px 5% 5px 5%; } .news_content .dir_news_title { padding: 10px 0; } .news_content .product_news_title{ padding: 10px 0; } .news_content .economy_news_title { padding: 10px 0; } /*.............................end MARKET Status ....................*/ .bottom_menu_list ul{ width:100%} .social_listoff{ display:none;} .social_liston{ display:block;} .background_img{float:left; width:100%;} .background_img img{ width:100%;} .background_text{float:left;width:100%;text-align:justify;padding-left:0px; vertical-align:top;font-family: "Source Sans Pro"; color:#838383;line-height:22px;} .background_text h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 40px; padding-bottom: 10px; } .background_text2{float:left;width:100%;text-align:justify; padding-right:30px;} .background_text2_inner{width:100%; text-align:right; float:right; vertical-align:middle;} .background_text2_inner p{text-align:right;vertical-align:middle; vrtical-align:middle;font-family:"Source Sans Pro Light";color:#838383; line-height:42px; font-size:33px;} .background_text2 h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} /*.............................Administation page.............*/ .col35{ width:99%; float:left;margin-bottom:10px;} .admin_background_text{float:left;width:100%;text-align:justify;vertical-align:top;font-family: "Source Sans Pro"; color:#333; line-height:22px;} .admin_background_text h1{ color: #5ba596; font-family: "Source Sans Pro Semibold"; font-size: 58px; padding-bottom: 10px;} .admin_background_text img{ width:100%} .admin_background_text .mediabox{ margin-top:0px;padding:10px; padding-bottom:10px; } .admin_background_text .mediabox h3{text-align:center} .admin_background_text .mediabox p{ margin-top:15px; text-align:center} /*.............................Administation page.............*/ /*.............................CSE NEWS Style.............*/ .news_title{ font-size:45px;color:#5ba596; } /*.............................CSEe News............*/ .bodycol_1,.bodycol_2,.bodycol_3,.bodycol_4,.bodycol_5,.bodycol_6,.bodycol_7,.bodycol_8,.bodycol_10,.bodycol_11,.bodycol_12{ float:left;padding: 10px;} .news_body{ background:#e3f2da;} .news_body h1{padding-left:10px;background:#71bf44;color:#000; border-radius:5px;} .news_inner_body{padding:15px;} .news_content{ margin-bottom:10px; text-align:justify;} .news_content p{ color:#333} .news_content p strong{ color:#000} .search_body{} .search_body h1{padding-left:10px;background:#5ba596;color:#FFF; border-radius:5px;} .search_inner_body{padding:15px;} .search_content{ margin-bottom:10px;} .search_content p{color:#333} .srcformleft input{float:none; margin-bottom:10px;} .srcformright input{float:none; margin-left:0px;} /*.............................CSEe News............*/ /*.............................CSE NEWS Style.............*/ } /* Wide Mobile Layout: 480px. Gutters: 24px. Outer margins: 22px. Inherits styles from: Default Layout, Mobile Layout. ------------------------------------------------------------ cols 1 2 3 4 5 px 68 160 252 344 436 */ @media only screen and (min-width: 480px) and (max-width: 767px) { .frame-area { width: 480px; } header { width: 480px; position:relative; } .bodycontent { margin-top: 1%; } .bxsliderWrapper{ display:none;} .boxshadow{ display:none;} .cselogo{ width:100%} .cselogo img{ width:100%} .cse_nav_menu{width:100%} .market_status_off{ display:none;} .market_status_on{ display:block;} header .bangla { font-size: 14px; margin-top: 8px; width: 35px; } .no_mergine_right { padding-right: 0; width: 135px; } .tickerbg { width: 85px; } .tickerbg .tickercont { width: 50px; } .tickerbg .onoff { width: 34px; } .tickerbg .on { font-size: 12px; } .tickerbg .off { font-size: 12px; } .tickerbg .ticker { font-size: 12px; padding: 8px 4px; width: 50px; } header nav ul{ height: 40px; } header nav ul li { height: 40px; line-height: 72px;padding: 0 0px; } header nav ul li a { line-height: 5px; padding: 5px; } header nav ul li { height: 40px; } header nav{ float:left;} .ticker_value{height: 37px;width: 430px;} .ticker_value img{100% } #space10{ display:none} .col_m_9{ width:100%} .col_m_12{ width:100%} .col_m_6{width: 100%;} .col_m_100{width: 100%; padding-left:0px;} .col_news50{width: 100%; margin-bottom:20px;} .col_b_link{width: 50%;} .col_top_10{width: 100%;} .social_list{width: 100%} .ticker_value img{ width:100%} .market_status { float: left; margin: auto 20px auto auto; width: 100%; } .market_status #space5{ display:none;} .search{ display:none;float:left;} /*top ten div*/ .tabbed_area { width: 295px; } ul.tabs li #tab_1 {padding:5px 35px 5px 35px; } ul.tabs li #tab_2 {padding:5px 25px 5px 25px; } ul.tabs li #tab_3 { padding:5px 25px 5px 25px; } ul.tabs li #tab_4 { padding:5px 35px 5px 35px; } ul.tabs li #tab_1.active { padding:5px 35px 5px 35px; } ul.tabs li #tab_2.active { padding:5px 25px 5px 25px; } ul.tabs li #tab_3.active { padding:5px 25px 5px 25px; } ul.tabs li #tab_4.active { padding:5px 35px 5px 35px; } .mover_MIrow{ width:100%} .mover_MIrow1{ width:100%} .mover_Col1 { width:20%; } .mover_Col2 { width: 10%; } .mover_Col3 { width:20%; } .mover_Col4 { width:20%; } .mover_Col5 { width:20%; } /* end top ten div*/ /*.............................MARKET Status ....................*/ .col_market{ width:100%} .tabbed_area { width: 100%; } ul.top_tabs li #top_tab_1 {padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_2 {padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_3 { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_4 { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_5 { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_1.active { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_2.active { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_3.active { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_4.active { padding:5px 5% 5px 5%; } ul.top_tabs li #top_tab_5.active { padding:5px 5% 5px 5%; } .news_content .dir_news_title { padding: 10px 0; } .news_content .product_news_title{ padding: 10px 0; } .news_content .economy_news_title { padding: 10px 0; } /*.............................end MARKET Status ....................*/ .bottom_menu_list ul{100%} .background_img{float:left; width:100%;} .background_img img{ width:100%;} .background_text{float:left;width:100%;text-align:justify; padding-left:10px; vertical-align:top;font-family: "Source Sans Pro"; color:#838383; line-height:22px;} .background_text h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px;} .background_text2{float:left;width:100%;text-align:justify;margin-bottom:20px;} .background_text2_inner{width:100%; text-align:justify; float:left; vertical-align:middle;} .background_text2_inner p{text-align:right;vertical-align:middle; vrtical-align:middle;font-family:"Source Sans Pro Light";color:#838383; line-height:42px; font-size:33px;} .background_text2 h1{ color: #5ba596; font-family: "Source Sans Pro Light"; font-size: 58px; padding-bottom: 10px; text-align:center} /*.............................Administation page.............*/ .col35{ width:48%; float:left;margin-bottom:10px;} .admin_background_text{float:left;width:100%;text-align:justify;vertical-align:top;font-family: "Source Sans Pro"; color:#333; line-height:22px;} .admin_background_text h1{ color: #5ba596; font-family: "Source Sans Pro Semibold"; font-size: 58px; padding-bottom: 10px;} .admin_background_text img{ width:100%} .admin_background_text .mediabox{ margin-top:0px;padding:10px; padding-bottom:10px; } .admin_background_text .mediabox h3{text-align:center} .admin_background_text .mediabox p{ margin-top:15px; text-align:center} /*.............................Administation page.............*/ /*.............................CSE NEWS Style.............*/ .news_title{ font-size:45px;color:#5ba596; } /*.............................CSEe News............*/ .bodycol_1,.bodycol_2,.bodycol_3,.bodycol_4,.bodycol_5,.bodycol_6,.bodycol_7,.bodycol_8,.bodycol_10,.bodycol_11,.bodycol_12{ float:left;padding: 10px;} .news_body{ background:#e3f2da;} .news_body h1{padding-left:10px;background:#71bf44;color:#000; border-radius:5px;} .news_inner_body{padding:15px;} .news_content{ margin-bottom:10px; text-align:justify;} .news_content p{ color:#333} .news_content p strong{ color:#000} .search_body{} .search_body h1{padding-left:10px;background:#5ba596;color:#FFF; border-radius:5px;} .search_inner_body{padding:15px;} .search_content{ margin-bottom:10px;} .search_content p{color:#333} .srcformleft input{float:none; margin-bottom:10px;} .srcformright input{float:none; margin-left:0px;} /*.............................CSEe News............*/ /*.............................CSE NEWS Style.............*/ } .com_details{ color: black; margin-left: 0px; font-size: 16px; margin-top: 5px; } /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { body { } }