
@media (max-width:1366px){


}
@media (max-width:1280px){

}

@media (min-width: 1024px) and (max-width: 1100px){
.container{width:1000px;}
.resource_center_main{margin-right:30px;}
.company_profile{width:69%;}
.company_image{width:272px;}
.photo_gallery li{width:160px; margin-left:15px;}
.director_main{width:260px; margin-left:23px;}
.md_title_team{margin-top:0px;}
.left{width:72%;}
.right{width:23.5%;}
.message{width:70%;}
.p_g_inner li{width:221px; height:165px;}
#adv-modal .modal-body {width: 30%;top: 15%;}
#adv-modal .close {top: 10%; right: 34%;}


}


@media (min-width: 768px) and (max-width: 1023px){
.container{width:700px;}
.resource_center_main{margin-right:21px;}
.resource_center_main h2{font-size:19px; margin-bottom:15px;}
.company_profile{width:63.5%;}
.company_image{width:220px;}
.photo_gallery{width:100%;}
.photo_gallery li{width: 158px; margin-left:20px;}
.director_main{margin-left:0px; margin-top:25px; width: 96.8%;}
.footer_btn{margin-right:9%;}
.f_form{width:37%; margin-right:0%;}
.get_in_touch{float:left; width:90%;}
.left{width:100%;}
.right{width:40%; margin-left:0px; margin-top:20px;}
.message{width:69%;}
.p_g_inner li{width:214px; height:159px;}
.resource_image_inner{width:270px;}
#adv-modal .modal-body {width: 40%;}
#adv-modal .close {right: 25%;}

}



@media (min-width: 640px) and (max-width: 767px){
.container{width:550px;}
.resource_center_main{margin-right:0px; width:100%;}
.resource_center_main h2{font-size:19px; margin-bottom:15px;}
.company_profile{width:100%;}
.company_image{width:220px; display:none;}
.photo_gallery{width:100%;}
.photo_gallery li{width: 168px; margin-left:0px; margin-right:13px;}
.director_main{margin-left:0px; margin-top:25px; width: 96.8%;}
.footer_btn{margin-right:0%; width:100%; margin-bottom:15px;}
.f_form{width:60%; margin-right:0%;}
.get_in_touch{float:left; width:90%;}
.copyright{float:none; text-align:center;}
.design{float:none; text-align:center;}
.left{width:100%;}
.right{width:50%; margin-left:0px; margin-top:20px;}
.message{width:61%;}
.p_g_inner li{width:171px; height:127px; margin-left:0px; margin-right:10px;}
.resource_image_inner{width:240px;}
#adv-modal .modal-body {width: 27%;top:14%;}
.logo img{width: 100%}
}




@media (min-width: 480px) and (max-width: 639px){
.container{width:400px;}
#nav:target > ul{width:87%;}
.resource_center_main{margin-right:0px; width:100%;}
.resource_center_main h2{font-size:19px; margin-bottom:15px;}
.company_profile{width:100%;}
.company_image{width:220px; display:none;}
.photo_gallery{width:100%;}
.photo_gallery li{width: 185px; margin-left:0px; margin-right:13px;}
.director_main{margin-left:0px; margin-top:25px; width: 95%;}
.footer_btn{margin-right:0%; width:100%; margin-bottom:15px;}
.f_form{width:80%; margin-right:0%;}
.get_in_touch{float:left; width:90%;}
.copyright{float:none; text-align:center;}
.design{float:none; text-align:center;}
.left{width:100%;}
.right{width:100%; margin-left:0px; margin-top:20px;}
.md_images_inner{width:150px;}
.message{width:54%;}
.p_g_inner li{width:188px; height:140px; margin-left:0px; margin-right:10px;}
.resource_image_inner{width:97%; margin-bottom:5px;}
.logo img{width: 100%}
}



@media (min-width: 320px) and (max-width: 479px){
.container{width:300px;}
#nav:target > ul{width:71%;}
#nav > a {margin-top:0px;}
.resource_center_main{margin-right:0px; width:100%;}
.resource_center_main h2{font-size:19px; margin-bottom:15px;}
.company_profile{width:100%;}
.company_image{width:220px; display:none;}
.photo_gallery{width:100%;}
.photo_gallery li{width: 135px; margin-left:0px; margin-right:13px;}
.director_main{margin-left:0px; margin-top:25px; width: 93%;}
.footer_btn{margin-right:0%; width:100%; margin-bottom:15px;}
.f_form{width:80%; margin-right:0%;}
.get_in_touch{float:left; width:90%;}
.copyright{float:none; text-align:center;}
.design{float:none; text-align:center;}
.left{width:100%;}
.right{width:100%; margin-left:0px; margin-top:20px;}
.md_images_inner{width: 200px; float: none; margin-bottom: 10px;}
.message{width:100%;}
.p_g_inner li{width:99%; height:222px; margin-left:0px; margin-right:0px;}
.resource_image_inner{width:96%; margin-bottom:5px;}
#adv-modal .modal-body {width: 50%;top: 25%;}
#adv-modal .close {top: 18%;right: 10%;}
.logo img{width: 100%}
}