/*allsmart phone protrait mode*/
@media only screen and (max-width:767px) 
 {
	 body{min-width:300px;}
	.mybox{ width:300px !important; margin:15px auto !important}
	.header .header-wrapper .primary{ margin:0 0 0 230px !important; text-align:right;}
	.header .header-wrapper .primary .navbar .navbar-collapse{ width:100% !important;}
	.header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{padding:2px 9px 7px 7px !important;}
	.col-xs-6{ width:100%;}

	.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{margin:0;}
	.radio-inline, .checkbox-inline{padding-left:0 !important;}
	ul, ol{ margin:0 !important; padding:0 !important;}
    .w3-display-container{
    top: 44%;
    font-size: smaller; }
    .dexmobi{display:block;}
    
    .mbt a{ margin: 0 0 0 45px;}
    .mbc{}
    .mbtc{margin: 15px 0 15px 0}

.buttom-small{display:none !important;}.buttom-b{display:none !important;}.right-top{display:none !important;}.right-b{display:none !important;display:none !important;}.button-to-small{display:none !important;}
.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub{padding:11px 0px !important; width:100%  !important;}
.process-ico3{margin:0 !important;}
.process-ico5{margin:0 !important;}
.one-third{width: 96% !important; margin:50px 0 0 0 !important;}
.site-content{display:none !important;}
.mb-view{display:none !important;}
.pmob{padding:0 10px;}

 .mobil{display:block !important;}
 .dext{display:none !important;}
 
.nafloa{float:none !important;}
.imgh{width: 80%; margin:10px 0;}
.header .header-wrapper .primary .navbar .navbar-collapse{position: relative !important;}
.sidebar .menu li.parent>a .open-sub{left: 285px !important;}
.table{width:100%  !important;}
.sidebar .menu li a { padding: 10px  !important; border-radius: 4px  !important; }
.video-box{width:341px !important;}
.fade.in{width:100% !important ;}
.ndlaa{width:100% !important;}
.nhead{margin:0 !important;}
.w3-display-right{left:29% !important;}
 .mbdisna{display:none !important ;}
.footer{
    height:80px;
    width:80px;
    right:12px;
}
.phnn{left:-98px !important;}
.tab-pane{width:100% !important;}
.tab-content > .tab-pane, .pill-content > .pill-pane{width:100% !important;}
 
.incir{
    width: max-content;
}
}

/*all smartphone landscape mode*/
@media only screen and ( min-width:480px) and (max-width:767px)
{
	
	 body{min-width:300px;}
	.mybox{ width:335px !important; margin:15px auto !important}
	.header .header-wrapper .primary{ margin:0 0 0 230px !important; text-align:right;}
	.header .header-wrapper .primary .navbar .navbar-collapse{ width:100% !important;}
	.header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{padding:2px 9px 7px 7px !important;}
	.col-xs-6{ width:100%;}
	.nhead{margin:0;}
	
	ul, ol{ margin:0 !important; padding:0 0 0 15px !important;}
.w3-display-container{
    top: 44%;
    font-size: smaller;
}
.cir{
    height:50px;width:50%;font-size: small;
}
.footer{
    height:80px;
    width:80px;
    right:12px;
}
.phnn{
   width: auto !important;;
     
       right: 39px;
}
.incir{
    width: max-content !important;;
}
}


@media only screen and ( min-width:481px) and (max-width:767px)
{
	  body{min-width:600px;}
	  .mybox{ width:335px !important; margin:15px auto !important}
	.header .header-wrapper .primary{ margin:0 0 0 230px !important; text-align:right;}
	.header .header-wrapper .primary .navbar .navbar-collapse{ width:100% !important;}
	.header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{padding:2px 9px 7px 7px !important;}
	.col-xs-6{ width:100%;}
	.nhead{margin:0;}
	
	ul, ol{ margin:0 !important; padding:0 !important;}

}
                                                                                            
/*for tab*/

@media only screen and ( min-width:768px) and (max-width:995px)             
{	

    body{min-width:728px;}
    .w3-display-container{
    top: 44%;
    font-size: smaller;
    
}
.nhead{margin:0;}
.cir{
    height:50px;width:50%;font-size: small;
}
.footer{
    height:80px;
    width:80px;
    right:12px;
}
.phnn{
   width: auto !important;;
     
       right: 39px;
}
.incir{
    width: max-content;
}
}
	
/*allsmart phone protrait mode*/
@media only screen and (max-width:767px) 
 {
    body{min-width:300px;}
    #boxes #dialog{ width:300px !important; }
    .minds-inp input{width:258px  !important; margin:10px 0 0 0  !important;}
    .mybts{ padding:8px 75px !important;}
    .button-new{margin:130px 0 0 0 !important;}
    .window{left:30px !important;}
    .whaysys{top: 90px !important; right: 255px !important;}
    .bdg{margin:0 0 0 -95px !important; list-style:none !important; display:list-item !important;}
    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{color:#000 !important; }
    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{color:#000 !important;}
    .col-md-m{width:85% !important; margin:20px 0 0 20px !important;}
    .call{ float:none  !important; margin:0 0 0 45px !important;}
    .modis a{float:none !important;  margin:0 0 0 50px !important;}
    .slider.rs-slider{ display:none !important;}
    .title{ margin-top:25px; }
    .col-lg-3{width:100%;}
    
   
    
    #cm-video-bg{display: none;}
    .respon{display:none  !important;}
    
    .mobilss{display:none !important;}
	.accordion-tab, .tabs-left .accordion-tab, .tabs-right .accordion-tab{width:100% !important;}
	.col-xs-6{width:100% !important;}
	.caroufredsel_wrapper{display:block  !important;}
	.block-views-team-block{ display:none  !important; }
	.btn{margin:4px 0 0px 0 !important;}
	.header .header-wrapper .logo-box .logo{text-align:center !important;}
	.modis{ width:100% !important; margin:0 !important; text-align:center !important;}
	 
 
    .overlay{ display:block; }
    .page-header{  display:none; }
    .employee{ width:350px !important;}
    h4{font-size:24px;}
    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{padding:7px 9px 7px 35px !important;}
    .listymy{margin:0 0 0 40px !important;}
    .res-menu{position: relative; left: 50px; top: 37px; display:block  !important;  font-size:19px; }
    .header .header-wrapper .primary{margin:-20px 0 0 0 !important;}
    .mjo{background:#ccc;}
    .worldmap__map{padding:0 !important;}
    #main{padding:15px 0 0 0 !important;}
    .details{padding:10px 10px !important;}
    .header .header-wrapper .logo-box .logo a img, .header .header-wrapper .logo-box .logo a .logo-img{margin:0;}
    .modis{margin:-10px 29px 10px 0px !important;}
    .accordion-tab .tab-pane{width:340px;}
    .nav-tabs > li > a{font-size:18px !important; width:340px;}

}

/*all smartphone landscape mode*/
@media only screen and ( min-width:480px) and (max-width:767px)
{
	
	 body{min-width:440px;}
     #boxes #dialog{ width:440px !important; }
     .accordion-tab .tab-pane{width:443px;}
    .nav-tabs > li > a{font-size:18px !important; width:621px;}
    .accordion-tab, .tabs-left .accordion-tab, .tabs-right .accordion-tab{width:621px !important;}
    .mybts{ padding:8px 75px !important;}
    .button-new{margin:130px 0 0 0 !important;}
    .window{left:30px !important;}
    .whaysys{top: 90px !important; right: 145px !important;}
    .bdg{margin:0 0 0 -95px !important; list-style:none !important; display:list-item !important;}
    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{color:#000 !important; }
    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{color:#000 !important;}
    .col-md-m{width:85% !important; margin:20px 0 0 20px !important;}
    .call{ float:left !important;}
    .modis a{float:none !important;  margin:0 0 0 50px !important;}
    .title{ margin-top:25px; }
     
    .col-lg-3{width:100%;}
    #cm-video-bg{display: none;}
     
    .caroufredsel_wrapper {display:block  !important;}
    .block-views-team-block { display:none  !important; }
    .btn{margin:4px 0 0px 0 !important;}
    .header .header-wrapper .logo-box .logo{text-align:center !important;}
    .modis{ width:100% !important; margin:0 !important; text-align:center !important;}
    
    
    .overlay{  display:block; }
    .page-header{ display:none;}
    .employee{ width:400px  !important;}
    .mnji{margin:-40px 0 0 !important;}

}

@media only screen and ( min-width:481px) and (max-width:767px)
{
	  body{min-width:600px;}
	  #boxes #dialog{ width:640px !important; }
     .accordion-tab .tab-pane{width:643px;}
    .nav-tabs > li > a{font-size:18px !important; width:603px;}
	  #boxes #dialog{ width:600px !important; }
	 .minds-inp input{width:568px  !important; margin:10px 0 0 0  !important;}
	 .mybts{ padding:8px 75px !important;}
	 .button-new{margin:130px 0 0 0 !important;}
	 .window{left:30px !important;}
	 .whaysys{top: 100px !important; right: 265px !important;}
	 .bdg{margin:0 0 0 -95px !important; list-style:none !important; display:list-item !important;}
    .title{margin-top:25px;}
    .col-lg-3{width:100%;}
    #cm-video-bg{display: none;}
     
    
    .overlay{display:block; }
    .page-header{ display:none; }
    .employee{ width:400px  !important;}
    .listymy{margin:0 0 0 70px !important;}

}            
																							/*for tab*/

@media only screen and ( min-width:768px) and (max-width:995px)             
{	 
    body{min-width:728px;}
         
     .accordion-tab .tab-pane{width:728px;}
    .nav-tabs > li > a{font-size:18px !important; width:728px;}
    .page-header{ display:none; }
    #boxes #dialog{ width:728px !important; }
    .minds-inp input{width:678px  !important; margin:10px 0 0 0  !important;}
    .mybts{ padding:8px 75px !important;}
    .button-new{margin:130px 0 0 0 !important;}
    .window{left:30px !important;}
    .bdg{margin:0 0 0 -95px !important; list-style:none !important; display:list-item !important;}
    .title{ margin-top:25px; }
    
    .whaysys{top: 90px !important; right: 145px !important;}
    .col-lg-3{width:100%;}
   
    
    #cm-video-bg{display: none;}
    .overlay{ display:block; }
    .employee{ width:400px  !important;}
}