nav a#pull {

	display: none;

	}

	

/* Tablet Portrait size to standard 960 (devices and browsers) */

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

	

nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 



nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 



nav ul li{background:none;  border-bottom:1px solid #000; line-height:normal; display:block; margin:0px;padding:8px 0px;; float:inherit; width:100%; 

padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center; font-style:normal;}





nav ul li a:hover{color:#d69d58; border-radius:0px; border:none;}

nav ul li a{ background:#e9d0b2 ; border-radius:0px !important; border:none !important; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 

margin:0px; color:#fff;  height:auto; width:auto;text-align:left;}

nav ul li.current-menu-item a{ border-bottom:0px;} 



nav ul ul{ position:static; margin:0px; padding:0px 0px 10px 0px; width:100%; float:none; height:auto; background:#e9d0b2;}

nav ul ul li{ margin:0px; padding:0px; width:100%; display:block; line-height:normal; height:auto; border-bottom:0px;}

nav ul ul li a{ margin:0px; padding:0px 0px 5px 20px; width:auto; display:block; line-height:normal; height:auto; border-bottom:0px;}

nav ul ul li a:hover{ border-bottom:0px;}

nav ul ul li.current-menu-item a{ border-bottom:0px;}



nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}

nav a:hover{background:#e9d0b2; color:#d69d58; text-decoration:none;}		



nav ul{display: none; height: auto;}

nav a#pull {display: block;	width: 100%; position: relative; background:#d69d58; margin:0px 0 0px 0; color:#fff; 

text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  

nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}



.header_wrapper{ width:95%; padding:15px 0px;}

.header_menu{ display:none;}

.mob{ display:block;}

.header_logo{ width:35%;}

.header_right{width:60%;}

.get{ width:48%;}

.get h4 a{ font-size:18px; padding:7px 0px;}

.callus{ width:48%;}

.callus h3 a{ font-size:27px; background-position:left 0px;}

.callus h4{ font-size:18px;}

.callus_bar{ margin-bottom:0px;}

.banner img{ height:235px;}





.container_wrapper{ width:95%;}

.project{ margin:0px;}

.project_left{ width:23%; margin:0px 7px;}

.project_left h3 a{ font-size:20px;}

.solution h1{ font-size:37px;}

.solution h4{ font-size:18px; margin-bottom:15px; padding-bottom:20px;}

.solution{ padding:15px 0px;}

.welcome{ padding:20px 0px 15px 0px;}

.welcome_left{ width:48%;}

.welcome_right{ width:48%;}

.welcome_inner h3{ font-size:25px;}

.bg{ padding-bottom:20px !important;}

.welcome_inner{ margin-bottom:15px;}

.welcome_left p{ margin-bottom:10px; line-height:21px;}

.welcome_right p{ margin-bottom:10px; line-height:21px;}

.input1{ width:94%; margin:20px 0px 10px 0px;}

.input{ width:94%;}

.msg{ width:94%; height:192px;}

.social{ padding:15px 0px;}

.social_detail{ width:25%; margin-right:16px; margin-top:0px;}

.social_left{ width:35%; }

.social_left h3 a{ font-size:18px;padding: 22px 18px 22px 55px; background-position:5px 14px;}

.social_left h3 a:hover{background-position:5px 14px;}

.social_right{ width:35%; }

.social_right h3 a{ font-size:18px;padding: 22px 12px 22px 50px; background-position:5px 14px;}

.social_right h3 a:hover{background-position:5px 14px;}

.social_detail p br{ display:none;}

.social_detail p{ font-size:20px; line-height:26px;}

.icon img{ width:12%; height:55px; margin-right:10px;}

.icon{ padding:15px 0px;}

.banner_caption{ width:95%;}

.caption_bar{ width:95%;}

.offer{ padding:20px 0px;}

.service_pic{ margin-top:15px;}

.services{ margin:0px;}

.services_left{ width:calc(33% - 14px); margin:0px 8px 10px 8px;}

.intersted{ margin-bottom:20px; padding-bottom:20px;}

.see2{ margin-top:5px;}

.welcome_left h5{ margin-bottom:5px;}

.service_pic2{ margin-bottom:20px;}

.gallery{   margin:20px 0px;}

.load_more{ margin-bottom:20px;}

.contact{ padding:20px 0px 15px 0px;}

.contact_left{ width:40%;}

.contact_right{ width:58%;}

.first{ width:49%;}

.last{ width:49%;}

.input2{ width:90%; font-size:12px; margin-bottom:7px; padding:12px 10px;}

.msg2{ width:95%; font-size:12px;}

.select{ width:100%; font-size:12px;margin-bottom:7px; padding:11px 10px;}

.thank_you p br{ display:none;}

.thank_you h2{ padding-bottom:15px; margin-bottom:15px;}





.footer_wrapper{ width:95%;}

.footer_left{ width:48%;}

.footer_right{ width:48%;}

.footer_logo_bar img{ width:31%; margin-right:5px;}

.footer_left h3{ font-size:24px;}

.footer_right h3{ font-size:24px;}

.citizen{ width:89%; padding:22px 15px;}

.footer_top{ padding:20px 0px;}

.footer_bottom{ padding:15px 0px;}



.testimonial_slider{ width:100% !important; max-width:100% !important; height:265px !important;}

.testimonial_slider__default .testimonial_slideri{overflow: visible !important; height:300px !important;}



}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

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

	

nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 



nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 



nav ul li{background:none;  border-bottom:1px solid #000; line-height:normal; display:block; margin:0px;padding:8px 0px;; float:inherit; width:100%; 

padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center; font-style:normal;}





nav ul li a:hover{color:#d69d58; border-radius:0px; border:none;}

nav ul li a{ background:#e9d0b2 ; border-radius:0px !important; border:none !important; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 

margin:0px; color:#fff;  height:auto; width:auto;text-align:left;}

nav ul li.current-menu-item a{ border-bottom:0px;} 



nav ul ul{ position:static; margin:0px; padding:0px 0px 10px 0px; width:100%; float:none; height:auto; background:#e9d0b2;}

nav ul ul li{ margin:0px; padding:0px; width:100%; display:block; line-height:normal; height:auto; border-bottom:0px;}

nav ul ul li a{ margin:0px; padding:0px 0px 5px 20px; width:auto; display:block; line-height:normal; height:auto; border-bottom:0px;}

nav ul ul li a:hover{ border-bottom:0px;}

nav ul ul li.current-menu-item a{ border-bottom:0px;}



nav ul li a{ background:#e9d0b2 ; border-radius:0px; !important; border:none !important; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 

margin:0px; color:#fff;  height:auto; width:auto;text-align:left;}





nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}

nav a:hover{background:#e9d0b2; color:#d69d58; text-decoration:none;}		



nav ul{display: none; height: auto;}

nav a#pull {display: block;	width: 100%; position: relative; background:#d69d58; margin:0px 0 0px 0; color:#fff; 

text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  

nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}



.header_wrapper{ width:95%; padding:15px 0px;}

.header_menu{ display:none;}

.mob{ display:block;}

.header_logo{ width:45%;}

.header_right{width:50%;}

.get{ width:100%; float:inherit; margin-bottom:10px;}

.get h4 a{ font-size:18px; padding:9px 0px;}

.callus{width:100%; float:inherit;}

.callus h3 a{ font-size:27px; background-position:left 0px;}

.callus h4{ font-size:18px;}

.callus_bar{ margin-bottom:0px;}

.banner img{ height:180px;}





.container_wrapper{ width:95%;}

.project{ margin:0px;}

.project_left{ width:46%; margin:0px 9px;}

.solution h1{ font-size:29px; line-height:34px;}

.solution h4{ font-size:18px; margin-bottom:15px; padding-bottom:15px; margin-top:0px;}

.solution{ padding:15px 0px;}

.project_left h3 a{ font-size:24px;}

.welcome{ padding:20px 0px 15px 0px;}

.welcome_left{ width:100%; float:inherit; margin-bottom:15px;}

.welcome_right{ width:100%; float:inherit;}

.welcome_inner h3{ font-size:28px; line-height:34px;}

.bg{ padding-bottom:20px !important;}

.welcome_inner{ margin-bottom:15px;}

.welcome_left p{ margin-bottom:10px; line-height:21px;}

.welcome_right p{ margin-bottom:10px; line-height:21px;}

.welcome_inner h4{ margin:0px;}



.input1{ width:95%; padding:10px; margin:20px 0px 5px 0px;}

.input{ width:95%; padding:10px; margin-bottom:5px;}

.msg{ width:95%; height:125px; margin-bottom:5px;}

.submit{ width:50%; padding:6px 0px; text-align:center;}

.social{ padding:15px 0px;}

.social_detail{ width:100%; margin:0px; float:inherit; margin-bottom:10px;}

.social_left{ width:56%; float:inherit; margin-bottom:10px; }

.social_left h3 a{ font-size:18px;padding: 22px 18px 22px 55px; background-position:5px 14px;}

.social_left h3 a:hover{background-position:5px 14px;}

.social_right{ width:56%; float:inherit;}

.social_right h3 a{ font-size:18px;padding: 22px 12px 22px 50px; background-position:5px 14px;}

.social_right h3 a:hover{background-position:5px 14px;}

.icon img{ width:22%; height:55px; margin-right:10px;}

.icon{ padding:15px 0px;}

.banner_caption{ width:95%;}

.caption_bar{ width:95%; margin-top:-125px;}

.offer{ padding:20px 0px;}

.service_pic{ margin-top:15px;}

.services{ margin:0px;}

.services_left{ width:46%; margin:0px 8px 10px 8px;}

.intersted{ margin-bottom:20px; padding-bottom:20px;}

.intersted h2{ font-size:26px;}

.see2{ margin-top:5px;}

.welcome_left h5{ margin-bottom:5px;}

.service_pic2{ margin-bottom:20px;}

.gallery{   margin:20px 0px;}

.load_more{ margin-bottom:20px;}

.contact{ padding:20px 0px 15px 0px;}

.contact_left{ width:100%; float:inherit; margin-bottom:10px;}

.contact_right{ width:100%; float:inherit;}

.first{ width:100%; float:inherit;}

.last{ width:100%; float:inherit;}

.input2{ width:95%; margin-bottom:7px; padding:12px 10px;}

.msg2{ width:95%; font-size:12px;padding:12px 10px;}

.select{ width:100%;margin-bottom:7px; padding:11px 10px;}

.contact_left h5{ margin-top:10px;}

.thank_you p br{ display:none;}

.thank_you h2{ padding-bottom:15px; margin-bottom:15px;}



.footer_wrapper{ width:95%;}

.footer_left{ width:100%; float:inherit; margin-bottom:10px;}

.footer_right{ width:100%; float:inherit;}

.footer_logo_bar img{ width:29%; margin-right:25px;}

.footer_left h3{ font-size:24px; margin-bottom:10px;}

.footer_right h3{ font-size:24px; margin-bottom:10px;}

.citizen{ width:87%; padding:22px 15px;}

.footer_top{ padding:20px 0px;}

.footer_bottom{ padding:15px 0px;}

.footer_left h5{ padding-bottom:25px; font-size:16px;}

.learn{ margin-bottom:15px;}

.footer_bottom p img{ margin-top:5px;}



.testimonial_slider{ width:100% !important; max-width:100% !important; height:220px !important;}

.testimonial_slider__default .testimonial_slideri{overflow: visible !important; height:300px !important;}



}









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



	

nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 



nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 



nav ul li{background:none;  border-bottom:1px solid #000; line-height:normal; display:block; margin:0px;padding:8px 0px;; float:inherit; width:100%; 

padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center; font-style:normal;}





nav ul li a:hover{color:#d69d58; border-radius:0px; border:none;}

nav ul li a{ background:#e9d0b2 ; border-radius:0px !important; border:none !important; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 

margin:0px; color:#fff;  height:auto; width:auto;text-align:left;}

nav ul li.current-menu-item a{ border-bottom:0px;} 



nav ul ul{ position:static; margin:0px; padding:0px 0px 10px 0px; width:100%; float:none; height:auto; background:#e9d0b2;}

nav ul ul li{ margin:0px; padding:0px; width:100%; display:block; line-height:normal; height:auto; border-bottom:0px;}

nav ul ul li a{ margin:0px; padding:0px 0px 5px 20px; width:auto; display:block; line-height:normal; height:auto; border-bottom:0px;}

nav ul ul li a:hover{ border-bottom:0px;}

nav ul ul li.current-menu-item a{ border-bottom:0px;}



nav ul li a{ background:#e9d0b2 ; border-radius:0px; !important; border:none !important; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 

margin:0px; color:#fff;  height:auto; width:auto;text-align:left;}





nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}

nav a:hover{background:#e9d0b2; color:#d69d58; text-decoration:none;}		



nav ul{display: none; height: auto;}

nav a#pull {display: block;	width: 100%; position: relative; background:#d69d58; margin:0px 0 0px 0; color:#fff; 

text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  

nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}



.header_wrapper{ width:95%; padding:15px 0px;}

.header_menu{ display:none;}

.mob{ display:block;}

.header_logo{ width:80%; float:inherit; margin:0px auto 10px;}

.header_right{width:72%; float:inherit; margin:0px auto;}

.get{ width:100%; float:inherit; margin-bottom:10px;}

.get h4 a{ font-size:18px; padding:8px 0px;}

.callus{ width:100%; float:inherit;}

.callus h3 a{ font-size:27px; background-position:left 0px;}

.callus h4{ font-size:18px;}

.callus_bar{ margin-bottom:0px;}

.banner img{ height:180px;}









.container_wrapper{ width:95%;}

.project{ margin:0px;}

.project_left{ width:100%; margin:0px 0px 10px 0px; float:inherit;}

.solution h1{ font-size:29px; line-height:34px;}

.solution h4{ font-size:18px; margin-bottom:15px; padding-bottom:15px; margin-top:0px;}

.solution{ padding:15px 0px;}

.welcome{ padding:20px 0px 15px 0px;}

.welcome_left{ width:100%; float:inherit; margin-bottom:15px;}

.welcome_right{ width:100%; float:inherit;}

.welcome_inner h3{ font-size:28px; line-height:34px;}

.bg{ padding-bottom:20px !important;}

.welcome_inner{ margin-bottom:15px;}

.welcome_left p{ margin-bottom:10px; line-height:21px;}

.welcome_right p{ margin-bottom:10px; line-height:21px;}

.welcome_inner h4{ margin:0px;}

.input{ width:93%; padding:10px; margin-bottom:5px;}

.input1{ width:93%; margin:20px 0px 10px 0px;}

.msg{ width:93%; height:125px; margin-bottom:5px;}

.submit{ width:100%; padding:6px 0px; text-align:center;}

.social{ padding:15px 0px;}

.social_detail{ width:100%; margin:0px; float:inherit; margin-bottom:10px;}

.social_left{ width:84%; float:inherit; margin-bottom:10px; }

.social_left h3 a{ font-size:18px;padding: 22px 18px 22px 55px; background-position:5px 14px;}

.social_left h3 a:hover{background-position:5px 14px;}

.social_right{ width:84%; float:inherit;}

.social_right h3 a{ font-size:18px;padding: 22px 12px 22px 50px; background-position:5px 14px;}

.social_right h3 a:hover{background-position:5px 14px;}

.social_detail p br{ display:none;}

.social_detail p{ font-size:20px; line-height:26px;}

.icon img{ width:29%; height:55px; margin-right:10px;}

.icon{ padding:15px 0px;}

.banner_caption{ width:95%;}

.caption_bar{ width:95%; margin-top:-130px;}

.offer{ padding:20px 0px;}

.service_pic{ margin-top:15px;}

.services{ margin:0px;}

.services_left{ width:100%; float:inherit; margin:0px 0px 15px 0px;}

.intersted{ margin-bottom:20px; padding-bottom:20px;}

.intersted h2{ font-size:27px;}

.intersted h4{ margin-top:5px;}

.see2{ margin-top:5px;}

.welcome_left h5{ margin-bottom:5px;}

.service_pic2{ margin-bottom:20px;}

.gallery{   margin:20px 0px;}

.load_more{ margin-bottom:20px;}

.contact{ padding:20px 0px 15px 0px;}

.contact_left{ width:100%; float:inherit; margin-bottom:10px;}

.contact_right{ width:100%; float:inherit;}

.first{ width:100%; float:inherit;}

.last{ width:100%; float:inherit;}

.input2{ width:92%; margin-bottom:7px; padding:12px 11px;}

.msg2{ width:92%; font-size:12px;padding:12px 11px;}

.select{ width:100%;margin-bottom:7px; padding:11px 10px;}

.contact_left h5{ margin-top:10px;}

.thank_you p br{ display:none;}

.thank_you h2{ padding-bottom:15px; margin-bottom:15px;}







.footer_wrapper{ width:95%;}

.footer_left{ width:100%; float:inherit;}

.footer_right{ width:100%; float:inherit;}

.footer_logo_bar img{ width:47%; margin-right:5px;}

.footer_left h3{ font-size:24px; margin-bottom:10px;}

.footer_right h3{ font-size:24px; margin-bottom:10px;}

.citizen{ width:87%; padding:22px 15px;}

.footer_top{ padding:20px 0px;}

.footer_bottom{ padding:15px 0px;}

.footer_left h5{ padding-bottom:25px; font-size:16px;}

.learn{ margin-bottom:15px;}

.footer_bottom p img{ margin-top:5px;}



.testimonial_slider{ width:100% !important; max-width:100% !important; height:280px !important;}

.testimonial_slider__default .testimonial_slideri{overflow: visible !important; height:300px !important;}



#awesome-gallery-65-1 .asg-bottom > div{ padding:20px 70px !important;}

}











