/**	Responsive Rules
*************************************************** **/

@media only screen and (max-width: 1680px) {
    .grp { bottom: 70px; }
    .bgrmp { width: 34%;}
    #supersized li a img { height: 68% !important; top: 8% !important; width: 100% !important;}
    .quickLink { bottom: 8%;}
    .threebox { bottom: 22%;  /*left: 15%;*/}
    h2.bvtitle { font-size: 21px; margin: 98% 0 0 -21px;}
    .vinfoleft { margin: -7% 2% 0 auto;}
    .about { background-position: left 18px; background-size: 100%;}
    .work { background-position: left 15px; background-size: 100%;}
    .mCustomScrollbar { height: 500px;}

    /*Added By Arzon*/
    /*#box-mobile{
        display: none !important;
    }*/
    /*.box-mobile{ display: none; }*/
}


@media only screen and (max-width: 1366px) {
    .grp { bottom: 2%; }
    .bgrmp { width: 34% !important;}
    .quickLink { bottom: 2%; right: 4%;}
    ul.QLnk li{ margin-right: 0;}
    .quickLink img{ width: 88%;}
    .threebox { bottom: 22%;  /*left: 15%;*/}
    .verticals { margin-top: -223px;}
    #img1, #img2, #img3, #img4 {width: 21%;}
    h2.bvtitle { font-size: 18px;}
    #supersized li a img {height: 62% !important; top: 14% !important; width: 100% !important;}
    #prevslide, #nextslide{top:42%;}
    .about { background-position: left 39px; background-size: 100%;}
    .work { background-position: left 36px; background-size: 100%;}
    .vInn{height: 400px !important}
    #listed-navigation{bottom: 37%;}
    .services{margin-top: -130px;}
    #industry_beximco{ height: 776px; }
    /* .box-mobile{ display: none; }*/
}

@media (min-width: 1024px) {
.mobile{
	display: none;
}
.showmobile{display: none;}
 /*.box-mobile{ display: none; }*/

}


@media only screen and (max-width: 1024px) {
    .header{top: -10px;}
    #sidemenu li span,
    .header .nav ul li a{ padding: 10px 9px;}
    .mobile{display: none;}
    .showmobile{display: none;}
    #sidebar{ margin-top: 8%; }
    .header .beximco-logo-small { left: 36%;}
    #slidehead{	margin-top: 8%;}
    .threebox { bottom: 15%; /*left: 15%;*/}
    .right-btn-slider, .left-btn-slider{top: 6%; }
    #supersized li a img { height: 46% !important; top: 20% !important; width: 100% !important;}
    #prevslide, #nextslide {top: 42% !important; }
    .quickLink { bottom: 5%; width: 36%;}
    .grp{ bottom: 10%;}
    .bgrmp{width: 58%  }
    .vInn { height: 320px;margin: 1% 2% 0 auto; width: 40%;}
    h1.innerHead { font-size: 35px}
    h3.InnerSub {font-size: 26px; margin: 9% 0 0 4%; width: 36%;}
    h2.bvtitle { color: #6d6e71;margin: 100% 0 0 0px; position: relative; z-index: 99; font-size: 19px;}
    .vBack{	min-height: 542px;}
    .vinfoleft{ height: 373px;  margin: -6% 2% 0 auto;width: 40%;}
    h1.innerHead { font-size: 35px}
    .industry{min-height: 400px;}
    .industry h3{margin-top: 4%;}
    #industry_synthetic, #industry_ceramic, #industry_pharma, #industry_beximco { height: 570px; }
    .navigationlisted, #listed-navigation{	display: none;}
    .box-custom { width: 100%;}
    #home-changegear{padding-left: 0;}
    .work{ background-position: left 30px; background-size: 100%;}
    .about { background-position: left 63px; background-size: 100%;}
    .verticals {   margin-top: -2px;   min-height: 400px;   padding: 0;   z-index: 9;}
    .mCustomScrollbar { height: 293px !important}
    .compv{ width: 100%;}
    h2.bvtitle{ font-size: 18px; }
    .vicon { width: 75px;}
    h2.verhead { font-size: 17px;}
    .vinfoleft p { font-size: 16px;}
    ul.indver { width: 80% !important;}
    /* .box-mobile{ display: none; }*/
}



@media only screen and (max-width: 768px) {
    .dsktop{display: block;}
    .divider_key_management,.mobile{display: none;}
    .hidedesktop{display: none;}
    .showmobile{display: block;}
    .intro .hero .beximco-logo-large { height: 225px; width: 440px;}
    .header .beximco-logo-small{ left: 34%;}
    .header .nav{ width: 100%;}
    .header.mini .nav ul li a,
    .header .nav ul li a {   font-size: 12px; padding: 20px 4px;  }
    #slidehead{	margin-top: 8%;  }
    #sidebar{ margin-top: 8%; }
    ul.indver { width: 100% !important;}
    ul.indver li{width: 36% !important;}
    .threebox { bottom: 16%;}
    .quickLink {bottom: 36%; right: 19%;  width: 62%;}
    .fcolm { width: 27%;}
    .scolm,.tcolm{ width: 29%;}
    .ht-btn-slider,
    .left-btn-slider{top: 6%;}
    .bgrmp{	width: 66% !important}
    #supersized{ height: 30% !important;}
    #supersized li a img { height: 30% !important; top: 12% !important;}
    .header.mini .nav ul li a, .header .nav ul li a, #sidemenu li span { font-size: 13px}
    #sidemenu li ul.subnav{ top:80px;}
    .grp { bottom: 45%;}
    #prevslide, #nextslide { top: 28% !important;}
    .mCustomScrollbar { height: 206px !important;}
    .vinfoleft,.vInn { height: 274px;  margin: 1% 2% 0 auto; width: 40%;}
    h1.innerHead {  font-size: 35px}
    .industry h3,h3.InnerSub { font-size: 26px;  margin: 9% 0 0 4%;  width: 36%;}
    .verticals { margin-top:-74px; padding: 74px 0 0;}
    #about{	margin-top: 95% !important;}
    .header.mini .beximco-logo-small { display: block; height: 45px; left: 36%; text-align: center; width: 90%;}
    .work{padding-bottom: 0;}
    .header.mini  #sidebar{	display: block;	margin-top: 55px;}
    #listed-navigation{display: none;}
    .vicon{width: 23%;}
    #home-changegear{padding: 0;}
    .vBack, .vPharma, .vCeramic, .vRealestate, .vMedia, .vHospos, .vFinan, .vEnergy { min-height:450px; }
    .compv{	width: 100%;}
    #img1, #img2, #img3, #img4 { margin: 1%; width: 22%;float: left;}
    .AllSection { top: -250px;}
    .industry { min-height: 450px; }
    .verbtn { border-radius: 5px; font-size: 15px; margin-top: 5%; padding: 2px 17px;}
    .bexvert{width: 100%;}
    .industry .background{padding-top: 5%;}
    .navigationlisted{display: none;}
    h2.bvtitle { color: #6d6e71; margin: 100% 0 0 0px; position: relative; z-index: 99; font-size: 15px;}
    .services { margin-top: -335px;}
    #industry_synthetic,#industry_ceramic,#industry_pharma{ height: 450px; }
    .box-custom { width: 740px;}
    ul.comitem li{	padding: 1%;}
    .about { background-position: left 78px; background-size: 100%;}
    .work { background-position: left 39px; background-size: 100%;}
    /* .box-mobile{ display: none; }*/


}


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

    .dsktop{display: none;}
	.mobile{display: block;}
    .showmobile{display: block;}
    #slidehead { margin-top: 14%;}
    .threeblock {width: 78%; margin-bottom: 6px;}
    .grp{display: none;}
    #supersized li a img {   height: 51% !important;   top: 19% !important;}
    .lNws h2.aboutusicon,.lNws h2.verticalicon,.lNws h2.investoricon,.lNws h2.news,.lNws h2.profile,.lNws h2.dse{background: none;}
    .lNws h2 { font-size: 15px; text-align: center;}
    .threebox{left: 44%; bottom: -13%;}
    .QLnk img{ width: 73%; }
    .quickLink { bottom: 16px; right: -37px; width: 37%;}
    .ylow {height: 58px;   margin-top: -16px;}
    .about { background-position: left 87px;}
    .mCustomScrollbar { height: 176px !important;}
    .services{ z-index: 9; margin-top: -425px;}
    #industry_synthetic, #industry_ceramic, #industry_pharma, #industry_beximco { height:400px !important; }
    #img1, #img2, #img3, #img4 { margin: 1%; width: 22%;float: left;}
    #img1 img.nocolor, #img2 img.nocolor, #img3 img.nocolor, #img4 img.nocolor,
    #img1 img.color, #img2 img.color, #img3 img.color, #img4 img.color{ width:80%; height: 60%; outline: 5px solid #d1d3d4; }
    h2.bvtitle { font-size:12px; }
    .AllSection {  top: -213px;}
    .spcial,.invernes {    padding: 8px 10px;    width: 100%;}
    .abtnes { padding: 8px 15px; width: 100%;}
    .dsnews { padding: 8px 20px; width: 100%;}
    .indver img{ display: block;}
    .section .section-title{ text-align: left;}
    ul.indver li { line-height: 30px !important;}
    ul.indver li {width: 33% !important;}
    .industry h3, h3.InnerSub { font-size: 20px; margin: 11% 0 0 4%; width: 36%; line-height: 25px;}
    .vinfoleft, .vInn { height: 235px; margin: 0% 2% 0 auto; width: 40%;}
    #colorid{display: none !important;}
    .box-custom { width: 605px;}
    h2.verhead{ font-size: 19px;}
    .panel-default > .panel-heading > .panel-title{ font-size: 30px;}
    p {  color: #666565;    font-size: 13px;}
    .ContactSec{width: 95%;}
    #filters,#filters-block{width: 100%;}
   .menu-block{ font-size: 14px; min-height: 87px; width: 24%; }
   .filter-menu-block{font-size: 14px;}
   /*.box-mobile{ display: block; }*/


}

@media only screen and (max-width: 480px) {
	.dsktop{display: none;}
	.mobile{display: block;}
    .showmobile{display: block;}
    #slidehead { margin-top: 19%;}
     #supersized li a img { height: 65% !important; top: 27% !important;}
    .threeblock{width: 100%;}
    .quickLink,.threebox{bottom: 24%; display: none; }
    .grp{display: none;}
    .lNws h2{    font-size: 15px;}
    .quickLink { bottom: 34%;  right: 0%; width: 88%;}
    .threebox{ bottom: 22%;  left: 50%;}
    .QLnk img{ width: 90%; }
    ul.QLnk li {width: 20%;}


    .ylow {height: 64px;   margin-top: 0;}
    .lNws h2{ text-align: center;}
    .lNws h2.aboutusicon,.lNws h2.verticalicon,.lNws h2.investoricon,.lNws h2.news,.lNws h2.profile,.lNws h2.dse{background: none;}
    .about { background-position: left 96px;}
    #about {  margin-top: 98% !important;}
    .work { background-position: left 56px;}
    .mCustomScrollbar { height: 174px !important;}
    .verticals { margin-top: -195px;}
    .spcial{ width:100%; padding:8px 4px;}
    .dspcl{ padding:2px 5px 15px;}
    .dsnews { padding: 8px 12px;}
    .abtnes{ padding: 8px 15px;}
    .invernes{padding: 8px 2px;}
    .section .section-title{ text-align: left;}
    ul.indver li {  /*display: block; line-height: 21px !important; width: 60% !important;*/    display: block;
   line-height: 21px !important;
   width: 16% !important;
   float: left !important;
   font-size: 12px;
   text-align: center !important;
}
    .vInn .inner_page {    color: #fff;    font-size: 16px; line-height: 18px;}
    h1.innerHead {  font-size: 25px;}
    .industry h3, h3.InnerSub {  font-size: 16px;  margin: 8% 0 0 4%;  width: 36%;  line-height: 22px;}
    .vinfoleft, .vInn {  height: 178px;  margin: 0% 2% 0 auto;  width: 40%;}
    .panel-default > .panel-heading > .panel-title{  font-size: 26px;}
    .box-custom {  width: 445px;}
    #filters{width: 100%}
    .filter-menu-block{ font-size: 12px !important; width: 47%; margin: 5px;}
    .menu-block{ font-size: 11px; }

    ul.indver li a{
        font-size: 18px !important;
    }

}




/* iPhone 6s Plus (Portrait)----------- */
/*@media only screen and (max-width : 414px) and (orientation : portrait) {
    .mbllogo{width: 70%; float: right;}
    .divider_key_management{display: block;  margin: 25px auto; clear: none; padding: 0; float: none; }
    .fortunepic{width: 90%;}
    .advisor{ margin-top:-10px; margin:20px 0; font-weight: bold; color:#0a67b2;}
    .shn{padding-top:-2%;}
    .white-popup-block{padding: 20px 0px;}
	.tm-profile h4{font-size: 18px !important;}
	.tm-profile h5{padding-bottom: 8px !important;}

     .carousel{top: 77px;}
     .flex-direction-nav .flex-prev,.flex-direction-nav .flex-next { background-size: 30% !important;}
    .grp { display: block; bottom: 38%;}
    .bgrmp {    width: 96% !important;    margin-left: 10px;}

     .quickLink { display: block; width: 96%; bottom: 26%;}
    .about { background-position: left 106px;}
    #about { margin-top: 71% !important;}
    p{font-size: 15px;}
    p.short-description{padding:13px; font-size: 15px;}
    .work { background-position: left 49px;}
    .section .section-title span{ font-size: 18px;}
    .container .box { padding:0; }
    .section .section-title { margin-bottom:15px !important; padding-top:20px !important; margin-left: 83px; }
    .panel-default > .panel-heading > .panel-title { font-size:21px !important; }
    .panel-default > .panel-heading > .panel-title i { font-size:21px !important; padding-top:0 !important; }
    .panel-default > .panel-heading + .panel-collapse .panel-body { padding:25px 0 5px !important; }
    .tm-profile { padding:0 !important; }
    .work { margin-top: -220px; padding-bottom:20px; }
    .mCustomScrollbar { height: 150px !important;}
    .industry h3, h3.InnerSub{    font-size: 14px;margin: 9% 0 0 4%;width: 39%; line-height: 17px;}
    .InnerSub img{ width: 23%;}
    .vinfoleft, .vInn {height: 214px; margin: 48% 2% 0 auto; width: 94%;}
    .verticals { margin-top: -83px;}
    .box-custom { width: 330px;}
    .SLheading span{font-size: 18px;}
    .bexvert { width: 100%; padding-left: 15%;}
    #img1, #img2, #img3, #img4 { margin: 1%; width: 33%;  float: left;}
    #home-changegear .section-title {margin: -144px auto 30px auto;}
    .menu-block {
        font-size: 13px;
        min-height: 62px;
        width: 47%;
        margin: 5px;
    }
    .box-custom {  width: 328px; margin-top: 15px; margin-left: 18px;}
    .element-item{ width: 120px}

    .mblslider{display:block;}
    .dsktop_slider{display:none;}
    .footer{padding-bottom: 16px !important}

}*/



@media only screen and (max-width: 360px) {
    .showmobile{display: block;}
    .navbar-toggle { margin-top: 21px !important; }
    #slidehead {  margin-top: 25%; }
    .threebox {top: 60%; }
	.threeblock { float: left;    width: 50%;}
	.fcolm,	.scolm,	.tcolm { float: left; width: 100%;	padding:0;	margin:0;}
    #supersized li a img{height: 25% !important; top: 14% !important;}
	.about { background-position: left 107px;}
    #about { margin-top: 424px !important;}
    .quickLink { display: block; bottom: 17% !important;  right: 0;  width: 95%;}
    .grp{bottom: 31% !important;}
    .QLnk img { width: 110%;}
    .bgrmp { width: 90% !important;}
    ul.QLnk li{ width: 15%; margin-right: 15px;}
    .section .section-title span{ font-size: 24px;}
    .intro { height:560px !important; }
	.left-btn-slider, .right-btn-slider { margin-top:23% !important; }
	.dspcl { padding-bottom:12px; }
	.container .box { padding:0; }
	.section .section-title { margin-bottom:15px !important; padding-top:20px !important; }
	.panel-default > .panel-heading > .panel-title { font-size:21px !important; }
	.panel-default > .panel-heading > .panel-title i { font-size:21px !important; padding-top:0 !important; }
	.panel-default > .panel-heading + .panel-collapse .panel-body { padding:25px 0 5px !important; }
	.tm-profile { padding:0 !important; }
    .work { margin-top: -220px; padding-bottom:20px; }
    .mCustomScrollbar { height: 150px !important;}
    ul.indver li { margin:1px 5px !important; padding:1px 4px !important; }
    ul.indver li a { font-size:21px; }
    .industry h3, h3.InnerSub { font-size: 16px; line-height: 16px; }
    .industry h3, h3.InnerSub img { display:none; }
    .vinfoleft, .vInn { margin-top: 180px; height:205px; width: 95%;}
    .vBack, .vPharma, .vCeramic, .vRealestate, .vMedia, .vHospos, .vFinan, .vEnergy { min-height:375px; }
    .verticals { margin-top: 1px !important; }
    	.compv { height:535px !important; }
    #img1, #img2, #img3, #img4 { width: 39% !important; padding:0 10px 10px 0; margin-bottom: -1px !important ; }
    h2.bvtitle { margin-top:1%; font-size:16px; text-align:left; }
    .color, .nocolor { display:none !important; }
    .AllSection { height: 415px; }
    .vinfoleft p{ font-size: 14px;}
    #industry_synthetic, #industry_ceramic, #industry_pharma, #industry_beximco { height:200px !important; }
    .services { z-index:99; padding-bottom:70px; margin-top: 10px; }
    h2.verhead{ font-size: 16px;}
	#home-changegear { margin-top: -220px !important; }
	ul.comitem li { width:100%; min-height:345px; }
	.box-custom { width:100%; margin-top:20px; }
	.img-responsive { width:100%; }
    #button-map { margin-top:10px !important; }
    .box p { margin-bottom:2px; padding: 0; }
    #test-modal, .white-popup-block { max-width:90% !important; padding:10px; }
    .company-name { width:100% !important; padding-top:25px !important; }
    .numeric { text-align:right !important; }
    /*.bexvert div { margin: 0px !important; width: 46% !important; }*/

	#verticals .bvtitle { margin-left: -5px !important; outline: 3px solid #BBB; padding: 7px; text-align: center; height: 44px; font-size: 15px; }
}


/*@media only screen and (max-width: 320px) {
    .showmobile{display: block;}
.threebox{bottom: 24%; left:0;  display: block; }
.threebox { left:0; }
#prevslide, #nextslide{display: none;}
.quickLink { bottom: 30%;  right: 0;  width: 100%; display: block;}
ul.QLnk li{margin-right: -4px;}
.QLnk img { width: 76%;}
#supersized li a img {    height: 27% !important;  top: 19% !important;}
.threeblock { width:21%; }
.industry h3, h3.InnerSub { margin:5% 0 0 1%; font-size:14px; }
.vinfoleft, .vInn { height:205px; }
.panel-default > .panel-heading > .panel-title { font-size:19px !important; }
.about { background-position: left 111px;}
.section .section-title span{padding:0 14px; font-size: 23px;}

}*/

/*


/* iPhone 6s (Portrait)----------- */
/*@media only screen and (min-width: 361px) and (max-width: 375px) and (orientation : portrait){
     #supersized li a img { height: 31% !important; top: 14% !important;}
     .quickLink { display: block; width: 96%; bottom: 26%;}
    .about { background-position: left 106px;}
    #about { margin-top: 71% !important;}
    .work { background-position: left 67px;}
    .section .section-title span{ font-size: 18px;}
    .container .box { padding:0; }
    .section .section-title { margin-bottom:15px !important; padding-top:20px !important; margin-left: 24px; }
    .panel-default > .panel-heading > .panel-title { font-size:21px !important; }
    .panel-default > .panel-heading > .panel-title i { font-size:21px !important; padding-top:0 !important; }
    .panel-default > .panel-heading + .panel-collapse .panel-body { padding:25px 0 5px !important; }
    .tm-profile { padding:0 !important; }
    .work { margin-top: -220px; padding-bottom:20px; }
    .mCustomScrollbar { height: 150px !important;}
    .industry h3, h3.InnerSub{    font-size: 14px;margin: 9% 0 0 4%;width: 39%; line-height: 17px;}
    .InnerSub img{ width: 23%;}
    .vinfoleft, .vInn {height: 214px; margin: 48% 2% 0 auto; width: 94%;}
    .verticals { margin-top: -121px;}
    .box-custom { width: 330px;}
    .SLheading span{font-size: 18px;}

    .element-item{ width: 135px !important}*/

    /*Added By Arzon*/

   /* .box-destop{
        display: none !important;
    }
    .box-mobile{
        display: block !important;
    }*/

}


/* iPhone 6s (Landscape)----------- */
/*@media only screen and (max-width: 667px) and (orientation : landscape){
    .header{top: -10px; bottom:283px !important;}
    .header.mini .beximco-logo-small{  width: 40%; left: 40%; top: 13px;  }
    .header .beximco-logo-small{background-size: 57%; left: 40%; top: 0;}
    .header.mini .nav ul li a, .header .nav ul li a, #sidemenu li span{    font-size: 12px;  }
    .nav-scroll{padding: 0; margin: 0;}
    #sidemenu li ul.subnav li a{ font-size: 13px; padding: 5px 9px;}
    #sidemenu li ul.subnav{ top: 51px;}
    #supersized li a img { height: 59% !important; top: 22% !important;}
    #prevslide, #nextslide { top: 58% !important;}
    #sidemenu li span{padding: 15px 4px;}
    .threebox{display: none;}
    .grp{display: none;}
    .quickLink img{width: 75%;}
    .quickLink { bottom: -6%; right: 10%; width: 74%;}
    .about {background-position: left 89px;}
    .section .section-title span{font-size: 24px;}
    .menu-block{width: 24%; padding: 11px 1px;}

    .element-item{ width: 135px !important}
    .mblslider{display:none;}
    .dsktop_slider{display:block;}
}*/



/* iPhone 6s Plus (Landscape)----------- */
/*@media only screen and (max-width : 767px) and (orientation : landscape) {

 .header{top: -10px; bottom:313px;}
 .ylow { height: 65px;}

    .header.mini .beximco-logo-small{  width: 40%; left: 38%; top: 13px;  }
    .header .beximco-logo-small{background-size: 57%; left: 38%; top: 0;}
    .header.mini .nav ul li a, .header .nav ul li a, #sidemenu li span{    font-size: 12px;  }
    .nav-scroll{padding: 0; margin: 0;}
    #sidemenu li ul.subnav li a{ font-size: 13px; padding: 5px 9px;}
    #sidemenu li ul.subnav{ top: 51px;}
    #supersized li a img { height: 59% !important; top: 22% !important;}
    #prevslide, #nextslide { top: 58% !important;}
    #sidemenu li span{padding: 15px 4px;}
    .threebox{display: none;}
    .grp{display: none;}
    .quickLink img{width: 70%;}
    .quickLink { bottom: -6%; right: 10%; width: 74%;}
    .about {background-position: left 89px;}
    .section .section-title span{font-size: 24px;}
    .menu-block{width: 24%; padding: 11px 1px; font-size: 11px}
    .SLheading span{ font-size: 24px}

	.element-item{ width: 135px}

    .mblslider{display:none;}
    .dsktop_slider{display:block;}
    .footer{padding-bottom: 16px !important}
}
*/


/*
@media only screen and (max-device-width : 376px)  and (max-device-width : 479px)
and (orientation : portrait) {

    #supersized li a img { height: 30%; top: 19% ;}
    #about {  margin-top: 98% !important; }
}
@media only screen
and (max-device-width : 736px)
and (orientation : landscape ) {
    #supersized li a img { height: 65% !important; top: 14% !important;}
    .bgrmp {   width: 54%;   }
    ul.QLnk{ margin-right: 4px;}
}
*/