@media only screen
and (max-width : 1700px) {
.main_logo {width: 276px;top:23px;}
.main_logo h3{right: 22px;}
.page_nav ul li {margin: 0;}
header {padding: 0 12px;}
}

/* Large Tablet Devices */
@media only screen
and (max-width : 1400px) {
  header {padding: 0 25px;}
  .page_nav ul {position: static;padding: 50px 0 20px;}
  #banner {margin-top: 100px}
}


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

}
@media only screen
and (max-width : 1090px) {
  html, body{
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10  */
  }
.btm2_con {width: 622px;}
.btm2_con ul li {margin: 0 5px;}
}

@media only screen
and (max-width : 1050px) {
    .main_thumb{left: -11px;}
}

@media only screen
and (max-width : 1024px) {
   /* Nav Area Sub-Menu Style */
   .page_nav ul li.menu-item-has-children > span{display:block;font-size: 17px;right:20px;top:30px;position:absolute;}
   .page_nav ul li:hover > ul{display: none;}

   /*banner*/
   #banner{margin-top:0;}
	.bnr_con{min-height:0;padding:0;}
	.box_skitter{display:none;}
	.slider{display:block;}

	.non_ban_img{width: 185%;margin-left: -40%;}

  .fix_cont {position: static;}
}

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

  /*Header Area*/
  header {padding: 40px 25px 25px; height: auto;}
  .header_con{min-height: 0;padding:0;} 
  .main_logo {top: 0}
  .header_info{padding: 15px 49px 0 0;}
  .header_info:before{top:24px;}

  /*Nav Area*/
  nav.page_nav {width:100%;float: none; clear: both;height:auto;transition:none;padding:10px 0;margin:0 auto 0;}
  nav.page_nav ul{ margin:0; padding:0 5px;text-align:center;}
  nav.page_nav ul li{width: 32%; margin:5px 3px;}
  nav.page_nav ul li:after{display:none;}
  nav.page_nav ul li a{border:1px solid #fff;border-radius:5px;line-height: 50px;height:auto;}

  nav.page_nav ul li span{right:0;top:5px;}

  nav.page_nav ul ul, nav.page_nav ul ul li, nav.page_nav ul ul li a {width:100%;}
  nav.page_nav ul ul li{margin: 0 !important}

  /*Banner Area*/
  #banner{height: auto; margin: 0; padding: 0}

  .slider {position: relative;margin:0;width: 100%;}
    .bnr_info{width: 100%; padding: 40px 25px; text-align: center; top: 94px;}
    .bnr_info a{display:inline-block;}
    .bnr_btn{position: relative;width: 100%;left: 0;bottom: 0;}
    .bnr_btn a{margin: 15px auto 0;}



  /*Middle Area*/
  #middle{padding: 40px 25px;}
	 .middle_con{min-height:0;padding:0;}
	  .middle_boxes section{}

  /*Main Area*/
  #main_area{padding:40px 25px; margin:0;min-height:0;}
    .main_con{min-height:0;padding:0;}
      main, .sidebar{float:none; margin: auto; width:100%;}

      main {padding: 0}
      .sidebar{}

    .main_thumb {display: none}

  /*Bottom Area*/
  #bottom1{padding: 40px 25px;}
	 .btm1_con{min-height:0;padding:0;}
	  .btm1_boxes section{} 
  .btm1_con ul li::before {display: none}
  .btm1_con ul li figure {display: none}
  .btm1_con ul {padding: 32px 0 0;}
  .btm1_con ul li {margin: 5px}
  .btm1_con ul {flex-wrap: wrap; justify-content: space-evenly;}
  /* .fadeInRight {display: none} */
  .btm2_thumb { display: none; }
  #bottom2{height:auto;padding: 40px 25px;}
	 .btm2_con{min-height:0;padding:0;}
	  .btm2_con2 {padding: 54px 25px 40px; position: static; width: 98%; margin: 40px auto 0;}
    .btm2_con {width: 100%; text-align: center;}
    .btm2_con p {padding: 0}
    .btm2_con ul li {text-align: left; width: 49%; margin: 10px;}
    .btm2_con ul {margin-top: 40px;}
    main{animation: none !important; transition: none !important; transform: none !important; opacity: 1 !important; -webkit-animation: none !important; -webkit-transition: none !important; -webkit-transform: none !important; -webkit-opacity: 1 !important;}

    .btm1_con ul li{width: 334px; display: block; max-width: 100%; margin: 0 auto 5px;}
  /*Footer Area*/
  footer{}
    .footer_top{height:auto;padding: 40px 25px;}
	   .footer_top_con{min-height:0;padding:0;}

	  .footer_btm{height:auto;padding: 40px 25px;}
	  .footer_btm_con{min-height:0;padding:0;}

  	.footer_nav ul li{display:inline-block;vertical-align:top;width:32%;}
  	.footer_nav ul li a{border:1px solid #333;margin:5px;padding:15px 10px;line-height: initial;}
  	.footer_nav ul li:after{display:none;}

    .contact_info {position: static; width: 100%; text-align: center;}
    .footer_nav {position: static; text-align: center; padding: 40px 0;}
    .footer_btm_con::before {display: none}
    .footer_btm_con {margin: 0 auto;}


  	.copyright{
  		float: none;
  		margin: 25px auto 0;
  		text-align: center;
  	}
}

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

  /* Header Area */
  header{border-top: 3px solid #fff;padding: 25px;}
	.head_info{display:block;margin:0 auto;text-align:center;padding:0;float:none;}
	.header_info{display:block;margin:0 auto;text-align:center;padding:0;float:none;}
  .header_info::before {display: none}

  /* Nav Area*/
  #nav_area{padding:25px 15px;background: -webkit-linear-gradient(-0deg, #12C89F -5%, #55CB79 2%, #02ACF2 109%); background: -o-linear-gradient(-0deg, #12C89F -5%, #55CB79 2%, #02ACF2 109%); background: linear-gradient(90deg, #12C89F -5%, #55CB79 2%, #02ACF2 109%);position:relative;}
  .nav_toggle_button{display:block;position:relative;}

  nav.page_nav {width: 280px;position: fixed;top: 0;right: -280px;height: 100%; background: -webkit-linear-gradient(-0deg, #12C89F -5%, #55CB79 2%, #02ACF2 109%); background: -o-linear-gradient(-0deg, #12C89F -5%, #55CB79 2%, #02ACF2 109%); background: linear-gradient(90deg, #12C89F -5%, #55CB79 2%, #02ACF2 109%);transition: all 0.7s ease;overflow-y: scroll;padding: 0 0 30px;opacity: 0;float: none; clear: both;z-index:250;}
	nav.page_nav ul{margin: 0; padding: 15px 10px;}
	nav.page_nav ul li{width: 100%; display: block; margin: 0 auto 5px;}
  nav.page_nav ul li a{line-height: 50px;}

	nav.page_nav ul ul{width:100%; position:relative;  transition:none;}
	nav.page_nav ul ul li {border:none; width:100%;}

  /* Toggle Style */
  .toggle_right_nav {position: fixed;top: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 1000;visibility: hidden; transition: all 0.7s ease;}
  .toggle_nav_close {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
  .toggle_right_cont {visibility: visible;background: rgba(0,0,0,0.9);}
  nav.toggle_right_style {right: 0;opacity: 1;z-index: 45;}
  .logo_slide_right {display:block;float:left;width: calc(100% - 90px);}

  .menu_slide_right {display: block;text-align: left;padding: 20px 10px;background: #53ca7c;position: relative;}

  /*Banner Area*/
    .bnr_info h2 {font-size: 18px; margin-bottom: 6px;}
    .bnr_info h3 {font-size: 16px;}
  /*Middle Area*/
  .middle_boxes section{width: 47%;margin:5px;}

  /*Main Area*/

  /*Bottom Area*/
  .btm1_con p{max-width: 100%;}
  .btm1_boxes section{width: 47%;margin:5px;}

  .btm2_con ul li {width: 100%; margin: 10px auto;}
  .btm2_con ul {flex-wrap: wrap}
  .btm2_con ul li p{min-height: auto;}

  /*Footer Area*/

  /* Other */
  .thumb_right_dd, .thumb_left_dd{width: 250px;}
  .col3{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
  .sitemap{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
    
    
}

/* Smartphones */
@media only screen
and (max-width : 600px) {

  /*Header Area*/
  .main_logo {width: 227px;}
  .main_logo h3{right: 5px; bottom: -15px;}
  /*Nav Area*/

  /*Banner Area*/
  .slider{display:none;}
  .mobi_ban{display: block;width: 146%; margin-left: -33%;}
  .non_ban_img{width: 275%;margin-left: -82%;}
  .page_title{position: static;background: #26bd7f;font-size: 30px;padding:10px;}
  .bnr_btn a{line-height: 100%;text-align: center;padding: 10px;width: 100%;max-width: 300px;}
  .bnr_btn a span{display: block;}
  .bnr_btn a:before{display: none;}

  /*Middle Area*/
  .middle_boxes section{display:block;width: 100%;margin:5px auto;}

  /*Main Area*/

  /*Bottom Area*/
  .btm1_boxes section{display:block;width: 100%;margin:5px auto;}
  .btm2_con ul li h3, .btm2_con2 h3 {padding: 0 !important;}
  .btm2_con ul li h3::before, .btm2_con2 h3::before  {display: none}

  .btm3_con {padding: 151px 0 68px;}

  /*Footer Area*/
  footer {padding-bottom: 45px;}

  .footer_nav ul li{display:block;vertical-align:top;width:100%;}
  .footer_nav ul li a{margin:5px auto;}

  .footer_comp{display:block;}
  .footer_comp:before, .footer_comp:after{display: none;}

  .copyright small {display: block; margin: 0}
  .copyright small::before {display: none}

  /*Others*/
  #wpadminbar {position: fixed!important;}
  .col2, .col3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
  .thumb_left_dd, .thumb_right_dd, .thumb_center_dd{display: none;}
  main .bullet{padding-left:10px;}

  /*For (AddThis) Plugins*/
  .withAddThis_plugins {bottom: 48px;}
  .withAddThis_ftr_btm {padding: 0 10px 88px;}
  /*End (AddThis) Plugins*/
    .btm1_con ul li a{padding-right: 10px;}
    main .h1_title span{font-size: 48px;}
}

@media only screen
and (max-width : 500px) {
    .bnr_info{padding: 15px;}
    main .h1_title span {font-size: 36px;}
}