@media only screen and (min-width:102px) and (max-width:319px)

{
body{background-image:none;}
	ul.otherBlockFull li.help {width: 85%; clear: both;}

}


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

{
    body{background-image:none;}
	.layout{ width:100%; padding:2px;}   
    .logo{ margin-top:0;}
    .contactAd {padding-right: 2%; width:auto; margin-top: 17px;}
    .navigation, .navigation li, .navigation li a{ float:none; display:block; font-size:15px;}
    .navigation ul{width:100%!important;}

    .navigation ul li a{ font-size: 13px;  padding-left: 16px;}
    .mainContainer .heading{padding: 15px 0;  text-align: left;}    
    .boxCrousel .flex-direction-nav .flex-next{right:0;}
    .boxCrousel .flex-direction-nav .flex-prev{ left: 0;  padding-left: 4%;}
    .footColumn{width:auto; float:none;}
    .footColumn h3, .footColumn p, .footColumn h4, .footColumn ul li, .footer p{ padding-left:2%;}
    .dl-menuwrapper{display:block!important;  top: 166px!important;}
    .navigation{ display:none;}

    /*About-us page start here*/
    .leftSection{margin-right:0;}
    .columnOne{width:100%;}
    .rightSection{float:none;}
    .rightSection h3{padding-left:2%;}
    .rightSection .menuList li a{padding-left:10px;}
    .columnOne .imgTag img{margin:0}
    .columnOne .imgTag{border:0;}


    /*Placend css start here*/
    .placeMyad li.button{ margin-top:0;}
    .placeMyad{ width:auto;}
    .placeMyad li{ margin:0 0 13px 12%}
    .placeAd1 a{ font-size:18px; padding: 7px 0;}
    .boxes li{ width:99%; margin-bottom:10px; height:40px;}
    .boxes{ margin-top:0}
    .placeMyad li .placeAd, .placeAd1{  margin-left:2%;   max-width: 115px !important;  background-size: 113px auto;   width: 100% !important; margin-top: 12px;   float:left}
	input[type="text"] {
	max-width: 250px;
	}
	textarea { max-width: 300px; }
	
	    /*tour page css start here*/
    .textBlock{width:94%; padding: 0 3%  20px 3%}
    /*handypage css start here*/
    .handyBlock{width:96%; padding:0 2%;}
    ul.handyRow li{width:98.5%; margin: 45px 0 0 0;}
    /*meetthe page css start here*/
    ul.teamRow{padding:0;background:none; margin:0;}
    ul.teamRow li{width:100%;margin:0; background: url(/images/border.png) repeat-x bottom center;padding: 42px 0 45px 0;}
    ul.gama li.t3{background:none;}
    /*other publication page css start here*/
    ul.otherBlock{width:96%; padding: 0 2%;}
    ul.otherBlock li{width:100%;margin: 0; padding-bottom:35px;}
    ul.otherBlock li figure{width:auto;}
    .otherPublic .rightSection{width:100%;padding:0;}
    /*CONTACT page css start here*/
    .contactBlock{width:96%; padding:20px 2% 0 2%;}
    .contactLeft{width:100%;}
    .conRight{width:100%;}
	
	ul.otherBlockFull li.help {width: 85%; clear: both;}

}


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

{

    body{background-image:none;}
	.layout{ width:100%; padding:2px;}
    .dl-menuwrapper{display:block!important;display:block!important;top: 190px; margin-right:15px;}
    .navigation{ display:none;}
    .logo{ margin-top:0;}
	.logo img{height: auto;  max-width:266px;}
    .contactAd {padding-right: 2%; margin-top: 17px;}
    .navigation{ display:none;}
    .mainContainer .heading{padding: 15px 0;  text-align: left;}    
    .boxCrousel .flex-direction-nav .flex-next{right:0;}
    .boxCrousel .flex-direction-nav .flex-prev{ left: 0;  padding-left: 4%; width: 19px;}
    .footColumn{width:auto; float:none;}
    .footColumn h3, .footColumn p, .footColumn h4, .footColumn ul li, .footer p{ padding-left:2%;}

    /*About-us page start here*/
    .leftSection{margin-right:0;}
    .columnOne{width:100%;}
    .rightSection{float:none;   margin-bottom: 10px;}
    .rightSection h3{padding-left:2%;}
    .rightSection .menuList li a{padding-left:10px;}
    .columnOne .imgTag img{margin:0; display:inline;}
    .columnOne .imgTag{border:0;  text-align: center}

    /*Placend css start here*/
    .placeMyad li.button{ margin: 6px auto 6px 30%;  width: 46%;}
    .placeMyad{ width:auto;}
    .placeMyad li{ margin:0 0 13px 2%}
    .boxes li{ width:99%;  margin-top:10px!important;}
    .boxes{ margin-top:0}
    .placeAd1{ margin-top: 12px;  width: 193px; margin:10px 1% 0px; float:left;}
    .placeMyad li .placeAd{ float:left;}
    .boxes li h3{background:url("/images/dotted_bdr1.png") repeat-x scroll 10px 34px transparent }
	
	 /*tour page css start here*/
     .textBlock{width:94%; padding: 0 3%  20px 3%}
      /*handypage css start here*/
    .handyBlock{width:96%; padding:0 2%;}
    ul.handyRow li{width:98%; margin: 45px 0 0 0;}
    /*meetthe page css start here*/
    ul.teamRow{padding:0;background:none; margin:0;}
    ul.teamRow li{width:100%;margin:0; background: url(/images/border.png) repeat-x bottom center;padding: 42px 0 45px 0;}
    ul.teamRow li.last{background:none;}
    ul.teamRow li figure{width:80%;}
    ul.gama li.t3{background:none;}
    /*other publication page css start here*/
    ul.otherBlock{width:96%; padding: 0 2%;}
    ul.otherBlock li{width:100%;margin: 0; padding-bottom:35px;}
    ul.otherBlock li figure{width:auto;}
    .otherPublic .rightSection{width:100%;padding:0;}
    /*CONTACT page css start here*/
    .contactBlock{width:96%; padding:20px 2% 0 2%;}
    .contactLeft{width:100%;}
    .conRight{width:100%;}
	
	ul.otherBlockFull li.help {width: 85%; clear: both;}

}

@media only screen and (min-width:600px) and (max-width:767px)

{

    body{background-image:none;}
	.layout{ width:100%;}	
    .logo{ margin-top:0;}
    .contactAd {padding-right: 2%; margin-top: 17px;}
    .dl-menuwrapper{display:block!important;}
    .navigation{ display:none;}
    .mainContainer .heading{padding: 15px 0;  text-align: center;}    
    .boxCrousel .flex-direction-nav .flex-next{right:0;}
    .boxCrousel .flex-direction-nav .flex-prev{ left: 0;  padding-left: 4%; width: 19px;width: 19px;}
    .footColumn{width:auto; float:none;}
    .footColumn h3, .footColumn p, .footColumn h4, .footColumn ul li, .footer p{ padding-left:2%;}

    /*About-us page start here*/
    .leftSection{margin-right:0;}
    .columnOne{width:100%;}
    .rightSection{float:none;}
    .rightSection h3{padding-left:2%;}
    .rightSection .menuList li a{padding-left:10px;}
    .columnOne .imgTag img{margin:0}
    .columnOne .imgTag{border:0;}

    /*Placend css start here*/
    
    
    .wrapper-dropdown-5{ width: 133px; background-position: 127px 8px}
    .placeMyad li.button{ margin: -19px auto 6px 14px;}
    .placeMyad{padding:0 0 13px 2%; width:auto;}
    .placeMyad li{ margin:0 0 13px 1%}
    .boxes li{ width:99%; margin-bottom:10px;}
     
    .boxes{ margin-top:0}
	ul.otherBlockFull li.help {width: 85%; clear: both;}


}

@media only screen and (min-width:768px) and (max-width:964px)

{

    body{background-image:none;}
	.layout{ width:100%; padding:5px;}
    .logo{ margin-top:0;}
	.logo img{height: auto;  max-width:366px;}
    .contactAd {padding-right: 2%;}
	.navigation  li a{ padding: 10px 6px 10px 7px; }
    .mainContainer .heading{padding: 15px 0;  text-align: left;}    
    .boxCrousel .flex-direction-nav .flex-next{right:0;}
    .boxCrousel .flex-direction-nav .flex-prev{ left: 0;  padding-left: 4%;width: 19px;}
    .footColumn{width:auto; float:none;}
    .footColumn h3, .footColumn p, .footColumn h4, .footColumn ul li, .footer p{ padding-left:2%;}

    /*About-us page start here*/

    .columnOne{width:100%;margin-right: 0;}
    .rightSection {float: right; width: 25%;}
    .columnOne .imgTag { text-align: center;}
    .columnOne article p{padding-bottom:10px;}
    .columnOne .imgTag img{display:inline;}
    .rightSection h3{padding-left:2%;}
    .rightSection .menuList li a{padding-left:10px;}
    .columnOne .imgTag img{margin:0}
    .columnOne .imgTag{border:0;}
    .footColumn h3, .footColumn ul li, .footColumn p, .footColumn h4 { padding-left: 1%;}



    /*Placend css start here*/
    .wrapper-dropdown-5{ width: 133px; background-position: 127px 8px}
    .placeMyad li.button{ margin: -19px auto 6px 14px;}
    .placeMyad{float: left;  margin-bottom: 14px;  padding: 0 0 0 2%;  width: 98%}
    .placeMyad li{ margin:0 0 13px 1%}
    .boxes li{margin-bottom: 10px;  margin-left: 7px; width: 48%;}
    .boxes{ margin-top:0}
    .boxes li:last-child{ margin-left:7px;}
	
	 /*other publication page css start here*/
    ul.otherBlock li h4{padding:7px 0 7px 0;font:18px/20px 'colaborate-regularregular', arial;}
    ul.otherBlock li p{padding:0 0 10px 0;font:13px/16px 'droid_sansregular', arial;}
    ul.otherBlock{width:75%; padding: 0 1% 0 0 ;}
	ul.helppage{width:85%; }
	ul.otherBlockFull li.help {width: 95%; clear: both;}
    .otherPublic .rightSection{width:23%;padding: 0 0 0 1%;}


} 

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

{
    body{background-image:none;}
	.logo img{height: auto;  max-width:416px;}
	.boxCrousel .flex-direction-nav .flex-next{right:0;}
    .boxCrousel .flex-direction-nav .flex-prev{ left: 0;}
    .footColumn h3, .footColumn p, .footColumn h4, .footColumn ul li, .footer p{ padding-left:2%;}
    /*About-us page start here*/

    .columnOne{width:100%;}
    .rightSection {float: right; width: 20%;}
    .columnOne article p{padding-bottom:10px;}

    .rightSection h3{padding-left:2%;}
    .rightSection .menuList li a{padding-left:10px;}
    .columnOne .imgTag img{margin:0}
    .columnOne .imgTag{border:0;}

    .boxes li{ min-height:200px;}
	

}