﻿

@media(max-width:1200px)

{
 .logo_con{margin-bottom:0px;}   
 
  /*===============*Header**Start*====================*/
    .b_container {width: 90%;min-height: 250px;}
    .container{width:100%;}		
    .w_100{width:95%;}
    .w_100_1{width:100%;}
		   
	/*===============*Header**END*=====================*/
 
/*========================Menu=start==============================================*/
    
.sf-menu {display: none;}

.rd-mobilemenu {bottom: 0;display:block;left: 0;position: fixed;text-align: left;top: 0;transition: all 0.3s ease 0s;z-index: 9999999;}

.rd-mobilemenu.active {right: 0;}
    
.rd-mobilemenu_ul {background: rgb(255, 255, 255) none repeat scroll 0 0;bottom: -56px;box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);color: rgb(102, 102, 102);font-size: 14px;height: 270px;left: 0;line-height: 20px;overflow: auto;padding: 132px 0 0;position: fixed;top: -56px;transform: translateX(-240px);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s;width: 240px;}

.rd-mobilemenu.active .rd-mobilemenu_ul {transform: translateX(0px);}
.rd-mobilemenu_ul a {display: block;padding: 10px 25px;}

.rd-mobilemenu_ul a.active {background: rgb(245, 245, 245) none repeat scroll 0 0;color: rgb(45, 45, 45);}

.rd-mobilemenu_ul a:hover {background: rgb(0, 64, 122) none repeat scroll 0 0;color: rgb(255, 255, 255);}

.rd-mobilemenu_ul a .rd-submenu-toggle {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;border-radius: 50%;font: 400 10px/32px "FontAwesome";height: 32px;margin-top: -17.5px;position: absolute;right: 11px;text-align: center;top: 50%;transition: all 0.5s ease 0s;width: 32px;z-index: 1;}

.rd-mobilemenu_ul a .rd-submenu-toggle::after {content: "";}

.rd-mobilemenu_ul a .rd-submenu-toggle:hover {background: rgb(255, 255, 255) none repeat scroll 0 0;color: rgb(102, 102, 102);}

.rd-mobilemenu_ul a.rd-with-ul {position: relative;}

.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {transform: rotate(180deg);}

.rd-mobilemenu_ul ul a {padding-left: 40px;}

.rd-mobilemenu_ul ul ul a { padding-left: 60px;}
    
.rd-mobilemenu_ul::after {content: "";display: block;height: 20px;}

.rd-mobilepanel {background: rgb(255, 255, 255) none repeat scroll 0 0;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);color: rgb(0, 0, 0);display: block;height: 56px;left: 0;position: fixed;right: 0;top: 0;z-index: 99999991;}
    
.rd-mobilepanel_title {color: rgb(0, 0, 0);font-size: 24px;left: 56px;line-height: 48px;position: fixed;right: 56px;text-overflow: ellipsis;top: 4px;white-space: nowrap;padding-left:2%;}

.rd-mobilepanel_title::before {display: none;}

.rd-mobilepanel_toggle {height: 48px;left: 8px;position: fixed;top: 4px;width: 48px;}

.rd-mobilepanel_toggle span {display: block;margin: auto;position: relative;transition: all 0.3s ease 0s;}

.rd-mobilepanel_toggle span::after, .rd-mobilepanel_toggle span::before {content: "";left: 0;position: absolute;top: -8px;transition: all 0.3s ease 0s;}

.rd-mobilepanel_toggle span::after {top: 8px;}

.rd-mobilepanel_toggle span::after, .rd-mobilepanel_toggle span::before, .rd-mobilepanel_toggle span {backface-visibility: hidden;background-color: rgb(0, 0, 0);border-radius: 2px;height: 4px;width: 24px;}

.rd-mobilepanel_toggle span {transform: rotate(180deg);}

.rd-mobilepanel_toggle span::before, .rd-mobilepanel_toggle span::after {transform-origin: 1.71429px center 0;}

.rd-mobilepanel_toggle.active span {    transform: rotate(360deg);}

.rd-mobilepanel_toggle.active span::before, .rd-mobilepanel_toggle.active span::after {  top: 0;width: 15px;}

.rd-mobilepanel_toggle.active span::before {transform: rotate3d(0, 0, 1, -40deg);}

.rd-mobilepanel_toggle.active span::after {transform: rotate3d(0, 0, 1, 40deg);}
#btnsubmit, #btnClear {
  width: 133px;
  height: 45px;
  background: #FFFF01;
  color: #000;
  font-size: 15px;
  cursor: pointer;
}
.heading {
  color: rgb(255, 255, 1);
  line-height: 81px;
  font-size: 55px;
  text-align: center;
}
.heading1
{
 font-size: 30px;
}



/*=========================Menu=start==============================================*/

}

@media(max-width:639px)

{
    /*============header=Start===========*/
    .heading {font-size: 40px;line-height: 42px;margin-bottom: 20px;}
    .heading1{font-size: 25px;line-height: 28px;}
    
    
    .w_txt { padding: 2% 5%;  }
    /*============header=End===========*/
    /*============ABOUT=START==========*/
    .b_container {width: 90%;min-height: 250px;}
    .b_col_3{width:100%;}
    .maxheight{height:auto !important;}
    /*============ABOUT=End===========*/
    /*============Facilities=START==========*/
    .heading1{font-size:17px!important;}
    .h_s {font-size: 25px !important;}
    
    .p_txt{text-align:justify !important;}
    .heading3 {font-size: 20px;}
    
    /*============Facilities=End===========*/
    
      /*============Gallery=start===========*/
      
        .gallery img {
            display: block;
            height: 100%;
            margin: auto;
            width: 75%;
            margin-bottom:30px;
        }
        /*============Gallery=End===========*/
     /*============contact=START==========*/
    .w_40 , .w_60{width:100% !important;}
    .grid_4{width:100%;}
    .m_r{margin-right:0px !important}
    /*============contact=End===========*/
    
}

@media(max-width:479px)
{
    .center_r{display:block;float:none;margin:0 auto !important;}
    
}

@media only screen and (min-width:640px) and (max-width:767px)
	{
        .heading3 {font-size: 21px;line-height: 30px;text-align: center !important;}
	    .heading {font-size: 45px;}
	    .heading1 {font-size: 18px !important;}
	    .h_s{font-size: 30px !important;}
	    
	    /*==============About Us=Start==============*/
	    
	    .b_list li {margin-left: 10%;padding-left: 2%;width: 88%;}
	    
	    /*==============About Us=End==============*/
	    
	
	}
@media only screen and (min-width:768px) and (max-width:1000px)
	{
       .heading {font-size: 50px;}
       .heading1 {font-size:23px !important;}
       .h_s{font-size: 30px !important;}
       .heading3 {font-size: 25px;line-height: 30px;text-align: center !important;}
       
       /*==============About Us=Start==============*/
	    
	    .b_list li {margin-left: 10%;padding-left: 2%;width: 88%;}
	    
	    /*==============About Us=End==============*/
	    
	
	}
@media (max-width: 359px)
{
.b_container .p_txt {
  text-align: left;
  text-transform: none;
  line-height: 20px;
  font-size: 15px;
  margin: 3% auto;
}
.mailform label input, .mailform label select, .mailform label textarea {
  width: 98%;
}


}