@media	only screen and (min-width:1024px) and (max-width:1300px){

.wraper { 

width:auto;

padding:10px;



 }

  

 .top_menu {

    width:65%;

 }

 

 .top_inndowmn {

    top: 145px;

 } 

 .top_inndowmn > span {

    font-size: 50px;

 }

 

 .top_inndowmn > h1 {

    font-size: 38px;

   

}

figure.effect-lily figcaption > div {

  

    height: 50% !important;

        width:86% !important;

		top:0px !important;

}


.grid figure h2 {
    font-weight: normal !important;

    font-size: 21px  !important;


}


.boxone {

    width: 27.2%;

}


.effect-bubba.bubbalatesttwo {
    height: 356px !important;
}





.iconbox {

    width: 46%;
	    padding: 0px 29% !important;

}


.effect-bubba.bubbalatesttwo .lastview {
    margin: 0% 0 !important;
}


#cssmenu > ul > li.has-sub > a::before {
       right: 7px !important;
    top: 17px !important;
   
}



figure.effect-lily p {
   
    font-size: 13p !important;
    line-height: 25px !important;
    margin-top: 2%  !important;
}
   









figure.effect-lily figcaption > div {
    padding: 2%  !important;
}

#cssmenu > ul > li.has-sub > a::after {
       right: 4px !important;
    top: 20px !important;
   
}



.fooright {

       width: 35%;

}





.row {

    width: 99%;

}





.fooonebox > a {

    padding: 3% 6%;

}





.effect-bubba.bubbalatesttwo {

        margin-bottom: 9%!important ;

}




#cssmenu > ul > li > a {
    padding: 14px !important;
}

.top_downinnnn > h1 {
    font-size: 65px;
}

 .copyleft {
    width: 60%;
  
}










.sizeone {
    font-size: 40px;
}


.sizetwo {
    font-size: 75px;
}



.sizefive {
    font-size: 58px;
}

.sizeseven {
    font-size: 40px;
}












.togup > h1 {
    background-position: 265px 9px;
}



.togupone > h1 {
    background-position: 265px 9px;
}


.toguptwo > h1 {
    background-position: 265px 9px;
}


#blogfour_bg > li {
    margin-right: 1%;
    font-size: 15px;
}




.foologo {
    width: 100%;
}


}











@media	only screen and (min-width:751px) and (max-width:1023px){

.wraper { width:auto;

padding:10px;

}


.top_menu {
        width:78%;
}


figure.effect-bubba h2 {
    padding-top: 10%  !important;

}

.effect-bubba.bubbalatesttwo{
	height:263px !important;
}

.logo {
    width: 11%;

}


.top_inndowmn {
    top: 325px;
}


.top_inndowmn > span {

        font-size: 43px;

}


.top_inndowmn > h1 {

    font-size: 50px;

}



.toptwobutton > a {

    padding: 1.2% 3%;

   

}


.boxone {

    width: 27.2%;

}


.effect-bubba.bubbalatesttwo {

    margin-top: 0;  

}

.latestprojuct_four {

    margin-top: 0;

}

.testimonial {

    width: 99%;
}

.iconbox {

    width: 75%;
	    padding: 0 20%;
}

.fooonebox > a {
    padding: 3% 8%;

}



.fooright {
    width: 45%;

}


.copyleft {

        width: 50%;

}


.grid .box_figfour {

    height: 72% !important;

        width: 91% !important;

}



.grid .box_figfour > h2 {

    padding: 4% 0 0 !important;

}


.grid .box_figfive {

    height: 76% !important;

    width: 81% !important;

}


.row {
    width: 99%;

}


.foologo {
    width: 40%;

}


.effect-bubba.bubbalatest {
    height: 551px !important;

}
  
#cssmenu > ul > li > a {

    font-size: 14px !important;
    padding: 14px  !important;

}



#cssmenu > ul > li.has-sub > a::before {
    right: 6px !important;
	  top: 17px !important;

}


#cssmenu > ul > li.has-sub > a::after {
    right: 3px !important;
	  top: 20px !important;

}


.top_downinnnn > span {
    font-size: 48px;

}


.top_downinnnn > h1 {
    font-size: 40px;
}


.fooleft ul li {
    font-size: 15px;
}

.fooright ul li {
    font-size: 15px;
}



.grid figure h2 {
    font-size: 40px  !important;
}

.effect-lily {
	min-height:500px !important;
}

figure.effect-lily p {
   
    font-size: 18px !important;
    line-height: 47px  !important;
    padding: 3%  !important;
  
}


.grid figure h2 {
    font-size: 22px  !important;
}

.roundboxdown h4 {
    font-size: 21px;
}

.roundboxdown > p {
    font-size: 16px;
}

.latestright {
    margin-top: 7%;
}


.effect-bubba.bubbalatesttwo {
    margin-bottom: 7%  !important;
}



.sizeone {
    font-size: 35px;
}


.sizetwo {
    font-size: 60px;
}

.sizefour {
    font-size: 45px;
}


.sizefive {
    font-size: 40px;
}



.sizeseven {
    font-size: 40px;
}


.about_bg {
    background-size: contain !important;
	    min-height: 318px;
}




.blog_left {
        margin-right: 0%;
    width: 100%;
}





.togup > h1 {
    background-position: 695px 20px;
}


.togupone > h1 {
        background-position: 695px 19px;
}


.toguptwo > h1 {
    background-position: 695px 19px;
}


.blog_right {
    width: 100%;
}


.boxesleftprt {
    margin-right: 0%;
    width: 100%;
}



.foologo {
    width: 100%;
}

    

}




@media	only screen and (min-width:480px) and (max-width:750px){

.wraper { width:auto;

padding:10px;}





.leftprt {

    float: left;

    width: 100%;

	border-right: medium none;

}


.rightprt {
    border-left: 0 solid #000;
    margin-top: 5%;
    padding-left: 0;
    width: 100%;

}

.boxone {
    border-bottom: 1px solid #eee;
    border-right: none !important; 
    width: 93.2%;

}



.latestleft {
    width: 100%;

}

.latestright {
    width: 100%;
	margin-bottom:2%;


}





.fooonebox {
    width:100%;

}


.iconbox {
         float: none;
    margin: auto;
    padding: 4% 0 0 0;
    width: 9%;
    margin-bottom: 7%;

}


.iconbox li {
	margin-bottom:15% !important;
}


.fooleft {

    float: left;
    margin-bottom: 6%;
    text-align: center;
    width: 100%;
}


.fooright {
    text-align: center;
    width: 100%;

}



.fooright ul {
    text-align: center;
}



.copyleft {
    text-align: center;
    width: 100%;

}


.copyright {
     text-align: center;
    width: 100%;
	margin-top:1%;

}


.grid figure.effect-bubba h2 {
    padding-top: 18% !important;

}


.grid .box_figfour > h2 {
    padding: 3% 0 0 !important;

}


.latesttwoleft {
    float: none;
    margin: 0 auto;
    width: 93%;

}


.latesttworight {
    float: none;
    margin: 0 auto;
    width: 93%;

}

.latesttwo {
    margin-bottom: 4%;

}


.latestprojuct_four {
    float: none;
margin:0 auto;
    width: 93%;


}


.grid .box_figfour {
    height: 69% !important;
    width: 89% !important;

}


.logo {
    width: 15%;

}

.grid figure .box_figfour > h2 {
    padding-top: 3% !important;

}



.fiveboxleft {
    float: none;
    margin: 0 auto;
    width: 93%;

}

.fiveboxright {
    float: none;
    margin: 2% auto !important;
    width: 93%;

}

.grid .box_figfive {
    height: 87% !important;
        width: 89% !important;

}


.resspomode {
    float: left;
    padding: 2% 0;
    width: 93%;

}


.row {
    margin: auto;
    width: 100%;

}



.contact_left {
    margin-right: 0;
    width: 100%;

}

.contact_right {
    float: right;
    width: 100%;

}

.messageinput {
    min-height: 125px !important;
    width: 96%;

}

.namebox {
    margin-bottom: 3%;
    margin-right: 0;
    width: 91%;

}



.top_downinnnn > span {
    font-size: 40px;

   

}


.top_downinnnn > h1 {
    font-size: 45px;
  
}


.latestprojuct_four {
    display: none;

}


.seeu{
	background-size:cover;

}



.secone {
    float: none !important;
    margin: auto !important;
    width: 55% !important;

}



.secone_right {
    margin-top: 4%  !important;
    width: 100%  !important;

}

.toptwoinn h2 {
    font-size: 28px;
}

.grid figure h2 {
    font-size: 30px !important;


}

#cssmenu > ul > li > a {
    padding: 12px !important;
}



#cssmenu ul ul li a {
    padding: 7px 15px;
}




.sizeone {
    font-size: 25px;
}


.event_information {
    padding: 0 0px 0 0px;
}


.sizetwo {
    font-size: 50px;
}


.sizefour {
    font-size: 38px;
}


.sizefive {
    font-size: 38px;
}


.sizeseven {
    font-size: 35px;
    line-height: 40px;
}


.sizeeight.topgap {
    margin-top: 8%;
}




.blog_left {
    margin-right: 0%;
    width: 100%;
}


.togup > h1 {
    background-position: 525px 18px;
}

.toguptwo > h1 {
    background-position: 525px 18px;
}

.togupone > h1 {
    background-position: 525px 18px;
}



.blog_right {
    width: 100%;
  
}


.boxesleftprt {
    margin-right: 0%;
    width: 100%;
}



.foologo {
    width: 100%;
}


#cssmenu ul {
       background-color: rgba(179, 179, 179, 0.89) !important;
}


}







@media	only screen and (min-width:370px) and (max-width:479px){

.wraper { width:auto;

padding:10px;}





.logo {
    width: 30%;
}


.toptwobutton > a {
    padding: 1.4% 3%;

}





.leftprt {
    float: left;
    width: 100%;
	border-right:none;

}





.rightprt {
    margin-top: 5%;
    padding-left: 0;
    width: 100%;
	border-left:none;

}





figure.effect-lily figcaption > div {
    height: 0px  !important;
	position:static !important;
	width:95% !important;
	padding:2%  !important;

}


.grid figure figcaption, .grid figure figcaption > a {
    width: 100% !important;
}



.grid figure h2 {
    font-size: 20px !important;
}



.display {
    margin: 4% 10% 2% !important;
    padding: 2%   !important;
}
 





.bgggg {
    padding: 10% 0;

}


.boxone {
    border-bottom: 1px solid #eee;
    border-right: none !important; 
    width: 93.2%;

}







.latestleft {
    width: 100%;
}



.latestright {
    width: 100%;
	margin-bottom:2%;
}





.fooonebox {
    width:100%;
}






.iconbox {
float: none;
    margin: auto;
    padding: 4% 0 0 0;
    width: 9%;
    margin-bottom: 7%;

}


.iconbox li {
	margin-bottom:15% !important;
}


.fooleft {
    float: left;
    margin-bottom: 6%;
    text-align: center;
    width: 100%;
}


.fooright {
    text-align: center;
    width: 100%;

}

.fooright ul {
    text-align: center;

}

.copyleft {
    text-align: center;
    width: 100%;
}





.copyright {
     text-align: center;
    width: 100%;
	margin-top:1%;

}

.row {
    margin: auto;
    width: 100%;

}

.latesttwoleft {
    margin-right: 0%;
    width: 100%;
}





.latesttworight {
    width: 100%;
}



.fiveboxleft {
    margin-right: 0%;
    width: 100%;
}





.fiveboxright {
    width: 100%;

}


figure.effect-bubba h2 {
    padding-top: 14% !important;
}



.latestprojuct_four{
	display:none;
}


.grid .box_figfive {
    height: 75% !important;
    width: 82% !important;

}


.top_inndowmn {
    top:180px;
}

.toptwoinn h2 {
    font-size: 29px;

}

figure.effect-lily figcaption > div {

    bottom: 220px !important;

   

}

.toptwobutton > a {
    margin-bottom: 4%;
    padding: 3.1% 3%;
    text-align: center;
   display:inline-block;

}



.toptwobutton #seeport {
    padding: 3% 6%;

}

.contact_left {
    margin-right:0%;
    width: 100%;

}


.contact_right {
    float: right;
    width: 100%;

}

.messageinput {
    min-height: 125px !important;
    width: 96%;

}

.namebox {
    margin-bottom: 3%;
    margin-right: 0;
    width: 91%;

}

.top_downinnnn > span {

font-size: 40px;



}

.top_downinnnn > h1 {

    font-size: 50px;

}

.toptwoinn p {
        font-size: 18px;
}


.seeu {

    background: rgba(0, 0, 0, 0) none repeat-x scroll 0 0;

    float: left;

    width: 100%;

}

.about_threeinn ul li {

    margin-bottom: 7%;

    margin-right: 5%;

    width: 45%;

}


.secone {

    float: none !important;

    margin: auto !important;

    width: 55% !important;

}

.secone_right {

    margin-top: 4%;

    width: 100%;

}



.grid figure figcaption, .grid figure figcaption > a {
    overflow: hidden !important;
}

.grid figure figcaption{
	padding:0% !important;
}






.event_information {
    padding: 0 0px 0 0px;
}

.sizeone {
    font-size: 30px;
}



.sizetwo {
    font-size: 33px;
}


.sizethree {
    font-size: 22px;
}


.sizefour {
    font-size: 24px;
}



.uptext {
    font-size: 10px;
    top: -8px;
}


.sizefive {
    font-size: 23px;
	margin-top:4%;
}


.sizesix {
    font-size: 25px;
    margin: 5% 0% 0% 0%;

}



.sizeseven {
    font-size: 30px;
    line-height: 35px;

}



.sizeeight {
    text-align: center !important;
}


.sizeeight.topgap {
    margin-top: 15%;
}


.about_bg {
    background-size: contain !important;
     min-height: 160px !important;
}



.about_topin {
    display: none;
}





.blog_right {
    display:none;
  
}



.boxesleftprt {
    margin-right: 0%;
    width: 100%;
}


.blog_left {
    margin-right: 0%;
    width: 100%;
}


#blogfour_bg > li {
  
    margin-right: 0%;
    font-size: 17px;
    width: 100%;
    margin-bottom: 2%;
}



.foologo {
    width: 100%;
}


#cssmenu ul {
      background-color: rgba(179, 179, 179, 0.89) !important;
}




.inputprt {
   
    padding: 5% 2%;
    width: 95%;
       margin-right: 0%;
    margin-bottom: 5%;



}




}


@media	only screen and (min-width:220px) and (max-width:369px){

.wraper { width:auto;

padding:10px;}





.logo {

    width: 30%;

}





.top_inndowmn {

    top:190px;

}



.top_inndowmn > span {

    font-size: 42px;

}





.top_inndowmn > h1 {

    font-size: 31px;

}





.toptwobutton > a {

    margin-bottom: 4%;

    padding: 3.1% 3%;

    text-align: center;

   display:inline-block;

}



.toptwobutton #seeport {

    padding: 3% 6%;

}

.toptwoinn h2 {

    font-size: 20px;

}


.leftprt {
    float: left;
    width: 100%;
	border-right:none;

}


.rightprt {
    border-left: 0 solid #000;
    margin-top: 5%;
    padding-left: 0;
    width: 100%;

}


.leftprt > p {
    font-size: 22px;
    line-height: 33px;
    text-align: justify;

}

.rightprt > p {
 text-align: justify;

}

.bgggg {
    padding: 20% 0;

}

.otherinn a {
    font-size: 20px;

}


.boxone {
    border-bottom: 1px solid #eee;
    border-right: none !important; 
    width: 93.2%;

}


.latestleft {
    width: 100%;
}

.latestright {
    width: 100%;
	margin-bottom:2%;	

}


.fooonebox {
    width:100%;

}

.iconbox {
    float: left;
    padding: 0 0 0 28%;
    width: 65%;

}


.fooleft {
    float: left;
    margin-bottom: 6%;
    text-align: center;
    width: 100%;

	

}

.fooright {
    text-align: center;
    width: 100%;
}



.fooright ul {
    text-align: center;
}



.copyleft {
    text-align: center;
    width: 100%;
}

.copyright {
     text-align: center;
    width: 100%;
	margin-top:1%;

}
.row {
    margin: auto;
    width: 100%;
}


.latestleft p {
    text-align: justify;

}
.latestright p {
    font-size: 18px;
       text-align: justify;
}

.latesttwoleft {
    margin-right: 0;
    width: 100%;

}

.latesttworight {
    width: 100%;

}

.latestprojuct_four{
	display:none;

}

.fiveboxleft {
    margin-right:0%;
    width: 100%;

}

.fiveboxright {
    width: 100%;

}

.fooonebox > h1 {
    font-size: 35px;

}


.fooonebox > a {
    padding: 4% 8%;
	margin-bottom:8%;

}

.iconbox {
    float: none;
    margin: auto;
    padding: 0 0 0 0;
    width: 20%;
	 margin-bottom: 7%;

}



.iconbox li {
    margin-bottom: 27%;
    margin-right: 0;

}

.foologo {
    width: 50%;

}



figure.effect-bubba h2 {

    padding-top: 10% !important;

}

figure.effect-bubba figcaption::before {

    border-bottom: 0 solid #fff  !important;

    border-top: 0 solid #fff !important ;

}


figure.effect-bubba figcaption::after {

    border-left: 0 solid #fff !important ;

    border-right: 0 solid #fff !important;

   

}

.lastviewmain {
    position: relative;
    top: -22px;

}


.contact_left {
    float: left;
    width: 100%;

}



.contact_right {
    float: right;
    width: 100%;

}

.messageinput {
    min-height: 125px !important;
    width: 96%;

}




.inputprt {
   
    padding: 6% 2%;
    width: 96%;
       margin-bottom:5%;
}



.buttoninput {
    padding: 2% 8%;
}

.namebox {
    margin-bottom: 3%;
    margin-right: 0;
    width: 91%;

}


#cssmenu .submenu-button::before {
    background: #ddd none repeat scroll 0 0;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 22px;
    top: 19px;
    width: 2px;

}

#cssmenu .submenu-button::after {

    background: #ddd none repeat scroll 0 0;

    content: "";

    display: block;

    height: 2px;

    position: absolute;

    right: 19px;

    top: 22px;

    width: 8px;

}

#cssmenu .submenu-button {
    width: 30px !important;
}





#cssmenu .submenu-button::before {

    right: 12px !important;

    

}



#cssmenu .submenu-button::after {

    right: 9px !important;

  



}


.top_menu {

    width: 65%;

}

.contact_left h1 {
    font-size: 32px;
}

.contact_right h1 {
    font-size: 32px;

}

.fooonebox > a {
    font-size: 16px;
}

.seeu {
    background: rgba(0, 0, 0, 0) none repeat-x scroll 0 0;
    float: left;
    width: 100%;

}

.about_threeinn ul li {
    margin-bottom: 7%;
    margin-right: 5%;
    width: 45%;

}


.top_downinnnn > span {

    font-size: 30px;

}


.top_downinnnn > h1 {
    font-size: 50px;

}



.foologo {
    width: 100%;
}

.grid figure h2 {
    font-size: 23px !important;
}







.animBlock[data-position="right"] {

    right: 3% !important;

} 





.animBlock {

    opacity: 1!important; 

}

.animBlock[data-position="left"] {

    left: 0  !important;

}

.secone {

    float: none !important;

    margin: auto !important;

    width: 55% !important;

}


.secone_right {

    margin-top: 4%;

    width: 100%;

}


.secrightsec h1 {

    font-size: 22px !important;

}



.secone {

    float: none !important;

    margin: auto !important;

    width: 55% !important;

}


.secone_right {

    margin-top: 4%;

    width: 100%;

}



figure.effect-lily figcaption > div {
 
    bottom: -8px    !important;
    padding: 2%  !important;
    width: 85% !important;
    height: 100% !important;
	
}


figure.effect-lily p {
    font-size: 11px !important;
    line-height: 20px !important;
   
}



figure.effect-lily h2, figure.effect-lily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}
.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
	
	
}


.display {
    margin: 13% 23% 0% !important;
	
}


.grid figure h2 {
    font-size: 18px;
}


fooright ul h1 {
    font-size: 20px;
}


.fooleft ul h1 {

font-size: 20px;
}










.event_information {
    padding: 0 0px 0 0px;
}



.sizeone {
    font-size: 29px;
    margin-top: 14%;
    display: inline-block;
    line-height: 38px;
}


.sizetwo {
    font-size: 21px;
    margin-top: 8%;
    font-weight: bold;
}


.sizethree {
    font-size: 14px;
    font-weight: bold;
}


.sizefour {
   font-size: 15px;
    margin-top: 8%;
    font-weight: bold;
}

.uptext {
    font-size: 8px;
    top: -6px;
}




.sizefive {
    font-size: 15px;
    margin-top: 6%;
}



.sizesix {
    font-size: 18px;
    font-weight: bold;
    margin-top: 9%;
}


.sizeseven {
    font-size: 35px;
    line-height: 35px;
}



.sizeeight.topgap {
    margin-top: 20%;
}


.sizeeight {
    font-size: 16px;
    text-align: center !important;
    font-weight: bold;
}




.about_bg {
    background-size: contain !important;
      min-height: 120px;
}


.about_topin h1 {
    font-size: 25px;
    margin: 0% 0% 4% 0%;
}


.about_topin a {
    font-size: 18px;
}



#skyeffect {
    font-size: 18px;
}



.about_topin {
   display:none;
}





.blog_right {
    display:none;
  
}


.boxesleftprt {
    margin-right: 0%;
    width: 100%;
}


.blog_left {
    margin-right: 0%;
    width: 100%;
}


#blogfour_bg > li {
  
    margin-right: 0%;
    font-size: 17px;
    width: 100%;
    margin-bottom: 2%;
}


.togup > h1 {
    background-position: 250px 12px;
}


.togupone > h1 {
    background-position: 250px 12px;
}




.toguptwo > h1 {
    background-position: 250px 12px;
}




.top_inn {
    position: static;
}



#cssmenu > ul > li > a {
    color:#000 !important;
}


.top_menu #cssmenu > ul > li > a{
	color:#000 !important;
}




#cssmenu ul {
    background-color: rgba(179, 179, 179, 0.89) !important;
	z-index:100;
}








}