﻿.menuul > li > a { display: block;  text-decoration: none; font-weight: normal; font-size: 16px; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
.toggle { z-index: 2;font-family:"SourceSansProBold"; }
#toggle1, .toggle { display: none; }
.menu{position:relative;}
.nav{display: block;float: right;}
.nav, .menuul, .menuul > li, .menuul > li > a{height: 100%;}

@media only screen and (max-width: 479px) {
  .header, .body_resize, .FBG_resize, .slider{padding:0px 10px; width: 300px !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
    h1.h2lnk{padding:0px 0px 10px 0px !important;}
  .body img.floated{float:none !important;}
  .logoImg{background-size: 300px 426px !important;width:100% !important;}
  .aroundborder{width:270px !important;padding:5px !important;} 
  .logo, ul.menuul { float: none !important; }
  .port { float: none !important; margin: 0px auto !important; padding: 0px 0px 40px 0px !important;clear:both; }
  .FBG_resize .blog { width: 100% !important; padding-right: 0px !important; }
  .footer p.leftt, .footer p.right { float: none !important; text-align: center !important; width: 100% !important; }
  .footer_resize { width: 100% !important; }
  .menu{width:300px !important;}
  .toggle:after { text-align: center; width: 100%; }
  .nav{float:none;}
  .logo{width:300px !important;}
  ul.menuul li, ul.menuul li a{padding:0px;}
  .master img, .sidebar ul{padding:0px !important;}
 /* .gallery {display:none;}*/
  .sidebar{margin:0px auto !important;float:none !important;width:96% !important; }
  ul.menuul{margin:0px !important;}
  .img_grup{display:none;}
  .nav{}
  .testimonial-pics{float:none;clear:both;width:100%;text-align:center;}
  .testimonial-detail{width:100% !important;}
  .rightbar{width:100% !important;float:none !important; padding-top:20px;clear:both;}
  .leftbar{width:100% !important;float:none !important;}
  .leftbar img{width:96%;height:96%;}
  .testimonial-pics img{width:55%;height:55%;padding:0px !important;}
  .testimonialdetails-pics, .jobright, .jobleft{clear:both;float:none !important;text-align:center; }
  .rslides{width:94% !important;}
  img.staticcontentimg{width:200px !important}
  .centered-btns_nav{left:21px !important;}
  .centered-btns_nav.next{right:21px !important;left:auto !important;}
  .staticcontent{width:100% !important;}
  img.staticcontentimg{height:150px !important;width:230px !important;}
  .body h2{padding:0px 10px;}
  .homecontains, .disp_list{text-align:center;}
.homecontains p{text-align:left;}
.disp_list img{width:60%;height:60%;}
  #rightFix{top:60px !important;right: -53px;}
 a.h:before, a.s:before{background:url(images/inout.png) no-repeat left top;height:30px;width:30px;content:" ";position:fixed;display:block;z-index:10000;}
 a.h:before{right:48px;top:200px;}
 a.s:before{right:-7px;top:200px;background-position:left -32px;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
  .contactform input.text, input.text, .contactform textarea, .contactform select, textarea, select{width:98% !important;}
  .contactform textarea{height:40px !important;}
  ul.tab li a{width:70px !important;padding:11px 6px !important;}
  .bordercss img{width:auto;}
.contactform label{width:auto !important;padding:0px !important;}
.FBG_resize .blog{}
.activepagelnk{margin-right:5px;}
.forms li[class^="col"]{float:none !important;}
.contactright .l, .contactright .r{float:none !important;clear:both;border:0px !important; width:100% !important;}
.contactleft{text-align:center;margin:0px !important;text-align:center;}
.contactright .l{margin-bottom:25px;text-align:center;}
.contactus img{width:280px;}
.contactleft, .contactright{width:100% !important;text-align:center;}
.fancybox-title{display:none;}
.jobright, .jobleft{width:100% !important;text-align:left;}
 .jobleft li, .jobright li{width:90% !important;}
 .bordercss img{width:123px;}
 .hidemobileview{display:none;}
 .nonwatermarked{width:90px !important;}
}

@media only screen and (min-width: 480px) and (max-width: 769px) {  
  .header, .body_resize, .FBG_resize, .slider, .aroundborder, .contactright .l, .contactright .r  { width: 420px !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
  .port { width: 420px !important; }
  .homecontains{width:420px !important;}
  .port.last, .port { padding: 0px !important; }
  .homecontains, .disp_list{text-align:center;}
 .disp_list img{width:60% !important;height:60%;}
  img.readmore { width: 86px !important; }
  .FBG_resize .blog { width: 258px !important; }
  .footer p.leftt, .footer p.right { float: none !important; text-align: center !important; width: 100% !important; }
  .footer_resize { width: 100% !important; }
  .menu{width:420px !important;}
  .img_grup{display:none;}
  .body img, .master img{width:405px;height:auto;}
  .wrapper img{width:378px;height:190px;}
  .sidebar{width:415px !important;float:none !important;margin:0px !important;}
  .sidebar-list .widget.widget_my_cyclewidget .inside{margin:0px !important}
  .testimonial-detail{width:400px !important;}
  .leftbar{width:100% !important;float:none !important;}
  /*.leftbar img{width:60%;height:60%;}*/
  .rightbar{width:100% !important;float:none !important; padding-top:20px;clear:both;}
  .testimonialdetails-pics{clear:both;float:none !important;text-align:center; }
   .testimonial-pics, .jobright, .jobleft {float:none;clear:both;width:100%;text-align:center;}
  .testimonial-pics img{height:auto;width:60%;}
  .staticcontent{float:none !important;width:100% !important;clear:both;}
  .rslides{width:95% !important;}
  .slider-content{padding:0px !important;}
   img.staticcontentimg{margin:0px !important;}
  .centered-btns_nav{left:22px !important;}
  .centered-btns_nav.next{right:21px !important;left:auto !important;}
  img.staticcontentimg{height:180px !important;width:280px !important;}
  .contactform label{width:105px !important;}
  .contactform input.text, input.text, .contactform textarea, .contactform select, textarea, select{width:275px !important;}
  ul.tab li a{width:auto !important;}
  .bordercss img{width:auto;}
  #rightFix{top:0px !important;}
 a.h:before, a.s:before{background:url(images/inout.png) no-repeat left top;height:30px;width:30px;content:" ";position:fixed;display:block;z-index:10000;}
 a.h:before{right:48px;top:140px;}
 a.s:before{right:-7px;top:140px;background-position:left -32px;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
 .contactright .l, .contactright .r, .contactleft, .contactright{float:none;clear:both;}
.contactleft{text-align:center;margin:0pxe !important;}
.contactleft, .contactright{width:100% !important;text-align:center;}
.contactright .l{margin-bottom:25px;}
.contactus img{width:280px;}
.fancybox-title{display:none;}
.jobright, .jobleft{width:100% !important;text-align:left;}
 .bordercss img{width:127px;}
}

@media only screen and (min-width: 770px) and (max-width: 979px){
  .header, .body_resize, .FBG_resize, .footer, .slider { width: 720px !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} 
  .menu{width:720px !important;}
  .logo{margin:0px auto !important;float:none !important;width:350px !important;}
  .body img, .master img{width:214px;}
  .disp_list img {height:160px; }
  .port{width:226px !important;padding:0px 14px 0px 0px !important}
  .homecontains{width:226px !important}
  .body img.floated{width:86px;}
  .sidebar{width:226px !important;margin-right:10px !important;}
  .wrapper img{width:188px;height:100px !important;}
  .FBG_resize .blog{width:170px !important;padding-right:10px !important;}
  .footer p.leftt, .footer p.right{float:none !important;text-align:center !important;width:100% !important;}
  .footer_resize{width:100% !important;}
  .nav, ul.menuul{float:none !important; clear:both;}
  ul.menuul{width:485px !important; margin:0px auto !important;}
  .img_grup{width:720px;}
  .testimonial-detail{width:475px !important;padding-left:10px !important;}
  .leftbar{width:100% !important;float:none !important;}
  .leftbar img{width:60%;height:60%;}
  .rightbar{width:100% !important;float:none !important; padding-top:20px;clear:both;}
  .testimonialdetails-pics{clear:both;float:none !important;text-align:center; }
  .testimonial-pics img{height:auto;}
  .staticcontent{width:300px !important;}
  .rslides{width:97% !important;}
  .centered-btns_nav{left:22px !important;}
  .centered-btns_nav.next{right:22px !important;left:auto !important;}
  img.refproject{height:100px !important;}
}

@media only screen and (max-width: 768px) {    
  .menuul { background: #FFFFFF; border: 1px solid #eee !important;margin:0px !important; }
  .menuul, .menuul > li, .menuul > li > a { height: auto; }
  .menuul > li > a { padding: 15px 15px; }
  .toggle:after {margin:10px 0px; content: "Main Menu"; display: block; padding:10px; background: #C1C876; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; font-size: 12px; color: #FFFFFF; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .toggle:hover:after { background: #B3BA54; }
  #toggle1:checked + .toggle:after{content: 'Close Menu';}
  #toggle1:checked ~ .menuul { display: block; opacity: 1;z-index:1000;}
  ul.menuul li{padding:0px!important;}
  ul.menuul li a{padding:10px !important;display:block;border: 1px solid #eee !important;}
  .menuul { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
  .menuul > li { display: block; width: 100%; margin: 0; }
  .menuul > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
  #toggle1:checked + div .menuul { display: block; opacity: 1; }
 /* .gallery {display:none;}*/
  .nav{width:100%;margin:0px auto;}
}



.rslides {position: relative;list-style: none;width: 98%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;background:#fff;}
.rslides li ul li{position:relative !important;display:block !important;-webkit-backface-visibility: visible !important;}
.rslides li:first-child {position: relative;display: block;}
.rslides img {display: block;height: auto;float: right;width: 100%;border: 0;}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {position:relative;z-index:1;}