/******************* .smart phones style ************************/
@media all and (max-width:767px) {
	/*no-padding*/
.np-xs  { padding: 0 !important;}
.nlp-xs { padding-left: 0 !important;}
.nrp-xs { padding-right: 0 !important;}
.ntp-xs {padding-top: 0 !important;}
.nbp-xs { padding-bottom: 0 !important;}


/*padding-top-xx*/
.pt5-xs { padding-top: 5px !important; }
.pt10-xs{ padding-top: 10px !important; }
.pt15-xs{ padding-top: 15px !important; }
.pt20-xs{ padding-top: 20px !important; }
.pt30-xs{ padding-top: 30px !important; }
.pt50-xs{ padding-top: 50px !important; }

/*padding-bottom-xx*/
.pb5-xs { padding-bottom: 5px !important; }
.pb10-xs{ padding-bottom: 10px !important; }
.pb15-xs{ padding-bottom: 15px !important; }
.pb20-xs{ padding-bottom: 20px !important; }
.pb30-xs{ padding-bottom: 30px !important; }
.pb50-xs{ padding-bottom: 50px !important; }

/*padding-right-xx*/
.pr5-xs { padding-right: 5px !important; }
.pr10-xs{ padding-right: 10px !important; }
.pr15-xs{ padding-right: 15px !important; }
.pr20-xs{ padding-right: 20px !important; }
.pr30-xs{ padding-right: 30px !important; }
.pr50-xs{ padding-right: 50px !important; }

/*padding-left-xx*/
.pl5-xs { padding-left: 5px !important; }
.pl10-xs{ padding-left: 10px !important; }
.pl15-xs{ padding-left: 15px !important; }
.pl20-xs{ padding-left: 20px !important; }
.pl30-xs{ padding-left: 30px !important; }
.pl50-xs{ padding-left: 50px !important; }
 
/*padding*/
.p5-xs { padding: 5px !important; }
.p10-xs{ padding: 10px !important; }
.p15-xs{ padding: 15px !important; }
.p20-xs{ padding: 20px !important; }
.p30-xs{ padding: 30px !important; }
.p50-xs{ padding: 50px !important; }


/*margin-top-xx*/
.mt5-xs { margin-top: 5px; }
.mt10-xs{ margin-top: 10px; }
.mt15-xs{ margin-top: 15px; }
.mt20-xs{ margin-top: 20px; }
.mt30-xs{ margin-top: 30px; }
.mt50-xs{ margin-top: 50px; }

/*margin-bottom-xx*/
.mb5-xs { margin-bottom: 5px; }
.mb10-xs{ margin-bottom: 10px; }
.mb15-xs{ margin-bottom: 15px; }
.mb20-xs{ margin-bottom: 20px; }
.mb30-xs{ margin-bottom: 30px; }
.mb50-xs{ margin-bottom: 50px; }

/*margin-right-xx*/
.mr5-xs { margin-right: 5px; }
.mr10-xs{ margin-right: 10px; }
.mr15-xs{ margin-right: 15px; }
.mr20-xs{ margin-right: 20px; }
.mr30-xs{ margin-right: 30px; }
.mr50-xs{ margin-right: 50px; }

/*margin-left-xx*/
.ml5-xs { margin-left: 5px; }
.ml10-xs{ margin-left: 10px; }
.ml15-xs{ margin-left: 15px; }
.ml20-xs{ margin-left: 20px; }
.ml30-xs{ margin-left: 30px; }
.ml50-xs{ margin-left: 50px; }

/*no-margins*/
.nm-xs  { margin: 0 !important;}
.nlm-xs { margin-left: 0 !important;}
.nrm-xs { margin-right: 0 !important;}
.ntm-xs { margin-top: 0 !important;}
.nbm-xs { margin-bottom: 0 !important;}
	
	
	
                html {
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
                font-size:100%;
                margin: 0;
                padding: 0;
                height: 100%;
                background: #000;
                background: #fff;
                min-height: 100%;
                background-size: cover;
                background-attachment: fixed;
                }

                .pull-right-xs{float:none !important;  }
                .pull-left-xs{float:none !important;  }
                a{ text-decoration:none;}
                a:focus,a:active , a:visted{ text-decoration:none; color:none;}
                .clearfix-xs{ clear: both;} 
	 
	
	.navbar-brand {
    padding: 0;
}
.container > .navbar-header {
    padding: 0 15px;
}
.main-content:before {
    top: 0;
    left: 0;
    height: 63%;
    width: 50%;
.navbar-brand {
    padding: 0 0 0 15px;  }    .main-content:before {
    top: 0;
    left: 0;
    height: 103%;
    width: 130%;  }    .dept-item {
    float: none;
    width: 100%;
    box-sizing: content-box;  }    .dept-cont-item-cont {
    margin: 0 -15px;
    padding: 15px 0;  }
    html, body , .main-content {      overflow: auto;  }
.navbar-brand {
    padding: 0 0 0 15px;  }    .main-content:before {
    top: 0;
    left: 0;
    height: 103%;
    width: 130%;  }    .dept-item {
    float: none;
    width: 100%;
    box-sizing: content-box;  }    .dept-cont-item-cont {
    margin: 0 -15px;
    padding: 15px 0;  }
    html, body , .main-content {      overflow: auto;  }
    transform: rotate(-45deg);
    transform: rotate(45deg);
    display: none;
}

.dept-item {
    float: none;
    width: 100%;
}

.dept-cont-item-cont {
    margin: 0 -15px;
    padding: 0;
    margin-top: 50px;
    position: relative;
}

html, body , .main-content {
    overflow: auto;
}
	

	header.header {
    position: static;
}

.main-container-d-table {
    display: block;
    padding: 0;
    position: static;
    transform: translateY(0px);
    top: 0;
}

.navbar-toggle {
    margin-right: 0;
    border: 0;
    border-radius: 0;
    background: #fff !important;
    margin-top: 20px;
}

.menu-top {
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.navbar-default .navbar-collapse {
    background: #000;
    margin-top: 15px;
}

.navbar-nav > li > a {
    /* margin-left: 0; */
    padding: 0;
    /* margin-bottom: 15px; */
    /* margin-top: 15px; */
    margin: 0 0px 0 12px;
    width: 18px;
    height: 18px;
}

.menu-top li a img {
    margin: auto;
    width: 100%;
    height: 100%;
}

.dept-item.active .dept-item-in a {
    width: 100%;
}

.active .back-btn {
    background: #Fff;
    margin-bottom: 30px;
    top: -40px;
    right: 1px;
}

.dept-item.active .dept-item-decr {
    width: 100%;
    padding: 15px 0;
}
	
	.navbar-header {
    display: inline-block;
}

.navbar-brand img {
    width: 100px;
}

.nav > li {
    display: inline-block;
}
	.dept-cont {
    height: auto;
}
	
	
	.main-container
	{
		overflow: auto;
		height: auto;
	}
}
/******************* end .smart phones style ***********************/
 
/************************ ipad tablet style *************************/

   @media only screen and (min-width: 768px) and (max-width:1000px) 
   {
    
	   
	/*no-padding*/
.np-sm  { padding: 0 !important;}
.nlp-sm { padding-left: 0 !important;}
.nrp-sm { padding-right: 0 !important;}
.ntp-sm {padding-top: 0 !important;}
.nbp-sm { padding-bottom: 0 !important;}


/*padding-top-xx*/
.pt5-sm { padding-top: 5px !important; }
.pt10-sm{ padding-top: 10px !important; }
.pt15-sm{ padding-top: 15px !important; }
.pt20-sm{ padding-top: 20px !important; }
.pt30-sm{ padding-top: 30px !important; }
.pt50-sm{ padding-top: 50px !important; }

/*padding-bottom-xx*/
.pb5-sm { padding-bottom: 5px !important; }
.pb10-sm{ padding-bottom: 10px !important; }
.pb15-sm{ padding-bottom: 15px !important; }
.pb20-sm{ padding-bottom: 20px !important; }
.pb30-sm{ padding-bottom: 30px !important; }
.pb50-sm{ padding-bottom: 50px !important; }

/*padding-right-xx*/
.pr5-sm { padding-right: 5px !important; }
.pr10-sm{ padding-right: 10px !important; }
.pr15-sm{ padding-right: 15px !important; }
.pr20-sm{ padding-right: 20px !important; }
.pr30-sm{ padding-right: 30px !important; }
.pr50-sm{ padding-right: 50px !important; }

/*padding-left-xx*/
.pl5-sm { padding-left: 5px !important; }
.pl10-sm{ padding-left: 10px !important; }
.pl15-sm{ padding-left: 15px !important; }
.pl20-sm{ padding-left: 20px !important; }
.pl30-sm{ padding-left: 30px !important; }
.pl50-sm{ padding-left: 50px !important; }
 
/*padding*/
.p5-sm { padding: 5px !important; }
.p10-sm{ padding: 10px !important; }
.p15-sm{ padding: 15px !important; }
.p20-sm{ padding: 20px !important; }
.p30-sm{ padding: 30px !important; }
.p50-sm{ padding: 50px !important; }


/*margin-top-xx*/
.mt5-sm { margin-top: 5px; }
.mt10-sm{ margin-top: 10px; }
.mt15-sm{ margin-top: 15px; }
.mt20-sm{ margin-top: 20px; }
.mt30-sm{ margin-top: 30px; }
.mt50-sm{ margin-top: 50px; }

/*margin-bottom-xx*/
.mb5-sm { margin-bottom: 5px; }
.mb10-sm{ margin-bottom: 10px; }
.mb15-sm{ margin-bottom: 15px; }
.mb20-sm{ margin-bottom: 20px; }
.mb30-sm{ margin-bottom: 30px; }
.mb50-sm{ margin-bottom: 50px; }

/*margin-right-xx*/
.mr5-sm { margin-right: 5px; }
.mr10-sm{ margin-right: 10px; }
.mr15-sm{ margin-right: 15px; }
.mr20-sm{ margin-right: 20px; }
.mr30-sm{ margin-right: 30px; }
.mr50-sm{ margin-right: 50px; }

/*margin-left-xx*/
.ml5-sm { margin-left: 5px; }
.ml10-sm{ margin-left: 10px; }
.ml15-sm{ margin-left: 15px; }
.ml20-sm{ margin-left: 20px; }
.ml30-sm{ margin-left: 30px; }
.ml50-sm{ margin-left: 50px; }

/*no-margins*/
.nm-sm  { margin: 0 !important;}
.nlm-sm { margin-left: 0 !important;}
.nrm-sm { margin-right: 0 !important;}
.ntm-sm { margin-top: 0 !important;}
.nbm-sm { margin-bottom: 0 !important;}
	
	
	
                html {
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
                font-size:100%;
                margin: 0;
                padding: 0;
                height: auto;
                background: #000;
                background: #fff;
                min-height: 100%;
                background-size: cover;
                background-attachment: fixed;
                }

                .pull-right-sm{float:none !important;  }
                .pull-left-sm{float:none !important;  }
                a{ text-decoration:none;}
                a:focus,a:active , a:visted{ text-decoration:none; color:none;}
                .clearfix-xs{ clear: both;} 
	 
	   .navbar-brand {
    padding: 0 0 0 15px;
}

.main-content:before {
    top: 0;
    left: 0;
    height: 70%;
    width: 50%;
}

/*
.dept-item {
    float: none;
    width: 100%;
    box-sizing: content-box;
}
*/

.dept-cont-item-cont {
    margin: 0 -15px;
    padding: 15px 0;
}

html, body , .main-content {
    overflow: auto;
    height: 100%;
}
	   
	   .dept-item.active .dept-item-decr {
    width: 100%;
    padding: 30px 0px 30px 0px;
}

.dept-item.active .dept-item-in a {
    width: 100%;
}

.dept-item .det-cont {
    font-size: 1rem;
}

.active .back-btn {
    background: #fff;
    top: -25px;
    right: 1px;
}

.main-container {
    overflow: auto;
}
	   
}
/************************ end ipad tablet style *************************/

/* custom*/
@media (min-width:600px) and (max-width: 767px){ 
 
}
/******************* Print style ************************/

@media print {
	 
	 
}


@media print and (max-width: 480px)    {
 
}