@charset "utf-8";
/* CSS Document */

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

@media only screen and (min-width:768px) 
{
    .header_links    {display: block !important;}
}

@media only screen and (min-width:1291px) and (max-width:1400px) 
{
    body{background-size: 100% 270px;}
}
@media only screen and (min-width:1200px) and (max-width:1290px) 
{
    .container    {width: 100%; }  
    h1  {font-size: 30px; line-height: 38px; padding: 30px 0;}
    h2  {font-size: 29px; line-height: 32px; padding-bottom: 25px; }
    h3  {font-size: 28px; line-height: 32px; padding-bottom: 25px; }
    .logo   {padding-bottom: 35px;}
    .navigation {padding-bottom: 55px;}
    .navigation >ul >li>a   {font-size: 23px; line-height: 26px;}
    .resource_link >ul >li>a    {font-size: 23px; line-height: 26px;}
       body{background-size: 100% 270px;}
}
@media only screen and (min-width:992px) and (max-width:1199px) 
{
     .container    {width: 100%; }  
    h1  {font-size:26px; line-height: 34px; padding:24px 0;}
    h2  {font-size: 25px; line-height: 28px; padding-bottom: 25px; }
    h3  {font-size: 25px; line-height: 28px; padding-bottom: 25px; }
    h4  {font-size: 24px; line-height: 26px;  }
    h5  { font-size: 23px; line-height: 25px; }
    h6  {  font-size: 22px; line-height: 24px;}
    .logo   {padding-bottom: 35px;}
    .navigation {padding-bottom: 55px;}
    .navigation >ul >li>a   {font-size: 21px; line-height: 23px;}
    .resource_link >ul >li>a    {font-size: 21px; line-height: 23px;}
    .right_content  { padding-left:25px; width:70%;}
    .left_header    {width: 30%;}
    .logo span  {font-size: 16px; padding: 0 0 10px;}
    p   { font-size: 18px; line-height: 24px; padding-bottom: 22px;}
    ul.unorder_list { margin-bottom: 15px;}
    ol.order_list  { margin-bottom: 15px;}  
     ul.unorder_list li   {font-size: 18px; line-height: 24px;}
    ol.order_list li   {font-size: 18px; line-height: 24px;}
   

    .resource_link h3   {font-size: 23px; }
    .header_links   { padding: 0;}
    .navigation >ul >li ul li a {padding: 7px 12px; font-size: 18px;}
    .navigation >ul >li ul  {width: 185px;}
    .resource_link  { padding-bottom: 65px;}
    .right_footer address   {font-size: 23px; line-height: 30px;}
    .right_footer .contacts  {font-size: 23px; line-height: 30px;}
    .bbb_logo   {width: 30%;}
    .right_footer   {width: 70%; padding-left: 25px;}
    .footer { height: 230px;     background-size: 100% 230px;}
    .left_header    {padding-bottom: 260px;}
     .right_content     {padding-bottom: 240px;}
     body{background-size: 100% 205px;}
}

@media only screen and (min-width:768px) and (max-width:991px) 
{
      .container    {width: 100%; }  
    h1  {font-size:25px; line-height: 30px; padding:24px 0;}
    h2  {font-size: 24px; line-height: 28px; padding-bottom: 25px; }
    h3  {font-size: 24px; line-height: 28px; padding-bottom: 25px; }
    h4  {font-size: 23px; line-height: 26px;  }
    h5  { font-size: 22px; line-height: 25px; }
    h6  {  font-size: 21px; line-height: 24px;}
    .logo   {padding-bottom: 35px;}
    .navigation {padding-bottom: 55px;}
    .navigation >ul >li>a   {font-size: 20px; line-height: 23px;}
    .resource_link >ul >li>a    {font-size: 20px; line-height: 23px;}
    .right_content  { padding-left:25px; width:68%; }
    .navigation >ul >li  {padding: 2px 0;}
    .resource_link >ul >li  {padding: 2px 0;}
    .left_header    {width: 32%;}
    .logo span  {font-size: 15px; padding: 0 0 10px;}
    p   { font-size: 18px; line-height: 24px; padding-bottom: 22px;}
     ul.unorder_list { margin-bottom: 15px;}
    ol.order_list  { margin-bottom: 15px;}  
     ul.unorder_list li   {font-size: 18px; line-height: 24px;}
    ol.order_list li   {font-size: 18px; line-height: 24px;}
    .resource_link h3   {font-size: 21px;  line-height: 23px;}
    .header_links   { padding: 0;}
    .navigation >ul >li ul li a {padding: 7px 12px; font-size: 18px;}
    .navigation >ul >li ul  {width: 185px;}
    .resource_link  { padding-bottom: 65px;}
    .right_footer address   {font-size: 23px; line-height: 30px; padding-top: 0;}
    .right_footer .contacts  {font-size: 23px; line-height: 30px;padding-top: 0;}
    .bbb_logo   {width: 32%;}
    .right_footer   {width:68%; padding-left: 25px;}
    .footer { height: 230px;     background-size: 100% 230px;}
    .left_header    {padding:30px 15px 260px;}
     .right_content     {padding-bottom: 240px;}
      body{background-size: 100% 230px;}
}
@media only screen and (max-width:767px)
{
    body{ background: #f7e9cc;}
  .container    {width: 100%; padding: 0; }  
    h1  {font-size:25px; line-height: 30px; padding:24px 0;}
    h2  {font-size: 24px; line-height: 28px; padding-bottom: 25px; }
    h3  {font-size: 24px; line-height: 28px; padding-bottom: 25px; }
    h4  {font-size: 23px; line-height: 26px;  }
    h5  { font-size: 22px; line-height: 25px; }
    h6  {  font-size: 21px; line-height: 24px;}
    .logo   {padding-bottom: 0px;}
    .navigation {padding-bottom: 22px;}
    .navigation >ul >li>a   {font-size: 20px; line-height: 23px; padding: 5px 15px;}
    .resource_link >ul >li>a    {font-size: 20px; line-height: 23px;padding: 5px 15px;}
    .right_content  { padding-left:0px; width:100%; }
    .navigation >ul >li  {padding: 2px 0;}
    .resource_link >ul >li  {padding: 2px 0;}
    .left_header    {width: 100%;}
    .logo span  {font-size: 10px; padding: 0 0 5px; text-align: center;}
    p   { font-size: 18px; line-height: 24px; padding-bottom: 22px;}
     ul.unorder_list { margin-bottom: 15px;}
    ol.order_list  { margin-bottom: 15px;}  
     ul.unorder_list li   {font-size: 18px; line-height: 24px;}
    ol.order_list li   {font-size: 18px; line-height: 24px;}
    .resource_link h3   {font-size: 21px;  line-height: 23px;}
    .header_links   { padding: 0;}
    .navigation >ul >li ul li a {padding: 7px 12px; font-size: 18px;}
    .navigation >ul >li ul  {width: 100%; position: relative; left: auto; top: auto;}
    .resource_link  { padding-bottom:20px;}
    .right_footer address   {font-size: 20px; line-height: 25px; padding-top: 0;}
    .right_footer .contacts  {font-size: 20px; line-height: 25px;padding-top: 0;}
    .bbb_logo   {width: 100%;}
    .right_footer   {width:100%; padding-left: 0px;}
    .footer { height: 230px;     background-size: 100% 230px;}
    .left_header    {padding:20px 15px 20px;}
     .right_content     {padding:0 15px 15px; }
      body{background-size: 100% 230px;}
    .right_content .content_logo    {margin: 0 0 20px 20px;}
    .heading    {background:#e1ebea; margin: 0 -15px 15px; padding: 0 15px; }
    .footer {position: relative; left: auto; top: auto; background: #e1ebea; height: auto; padding: 32px 15px 30px;}
    figure   { padding-bottom: 25px;}
    .logo   {width: 150px;}
    .bbb_logo   { padding-bottom: 15px;}
    .bbb_logo a {width: 200px;}
    .left_header    { position: relative; background: #d3ab5f;}
    .header_links   {position: absolute; left: 0; width: 100%; top: 100%; background: #e9d1a5; padding-top: 15px; display: none;}
    .social_icon    {position: absolute; right: 15px; top: 25px;}
    .social_icon ul li a img    {width:55px; height: auto;}
    .logo a { border: 8px solid #fff; }
    .left_header  >.social_icon{display:block;}
    .header_links .social_icon{display:none;}
    .navigation >ul >li {float: none;}
    .resource_link h3   {padding: 0 15px 12px;}
    .navigation >ul >li.parent >a {position: relative}
    .navigation >ul >li.parent >a:after    {width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #ffffff transparent transparent transparent; position: absolute; right: 15px; top: 12px; content: "";}
    
    
}
@media only screen and (max-width:599px)
{
   h1  {font-size:23px; line-height: 26px; padding:24px 0;}
    h2  {font-size: 22px; line-height: 24px; padding-bottom: 20px; }
    h3  {font-size: 22px; line-height: 24px; padding-bottom: 20px; }
    h4  {font-size: 20px; line-height: 22px;  }
    h5  { font-size: 18px; line-height: 20px; }
    h6  {  font-size: 17px; line-height: 20px;}
    p   { font-size: 15px; line-height: 20px; padding-bottom:20px;}
    ul.unorder_list { margin-bottom: 15px;}
    ol.order_list  { margin-bottom: 15px;}  
     ul.unorder_list li   {font-size: 15px; line-height: 15px;}
    ol.order_list li   {font-size: 15px; line-height: 15px;}
    .right_footer address    {font-size: 18px; line-height: 22px;}
    .right_footer .contacts    {font-size: 18px; line-height: 22px;}
    .social_icon ul li a img    {width: 45px;}
    .social_icon ul li  {padding-right: 15px;}
    .right_content .content_logo    {float: none; display: block; width: 124px; margin:0 auto 15px;}
}
@media only screen and (max-width:479px)
{
   h1  {font-size:22px; line-height: 26px; padding:18px 0 20px;} 
    .right_footer address    {font-size: 18px; line-height: 22px; float: none; padding-bottom: 20px; text-align: center;}
    .right_footer .contacts    {font-size: 18px; line-height: 22px; float: none; text-align: center;}
	.right_content img { border:0; padding-right: 10px; width: 95%; }
}