/*.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block; }*/
	
.navbar-nav li:hover > a { background-color: #ee2325; }
.navbar-nav > li > .dropdown-menu { border-top:4px solid #ee2325; padding:0px;}
.navbar-nav > li > .dropdown-menu li { border-bottom:1px solid #000; cursor:pointer;}
.navbar-nav > li > .dropdown-menu li:hover a { background:#f9f9f9;}
.navbar-nav > li > .dropdown-menu li:last-child { border-bottom:0px solid #000; }



.navbar-brand { padding:0px;}

.navbar { height:auto; margin:0px; }
.navbar-inverse { border:none; background:none; }
.navbar-nav { float:right; margin-top:30px;}
.navbar-nav > li > a { color: #ffffff !important; font-size: 18px; padding: 12px 22px; text-transform: uppercase; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {background-color: #ee2325; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background-color: #ee2325; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: #ee2325; }
.dropdown-menu > li > a { font-size:16px;}

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

/*.custnav ul.menus > li > a { padding:12px 15px; }*/

.navbar-nav > li > a {  padding: 12px 15px; }

#photographypart ul li { padding:38px 0px; width:150px; font-size:18px;}	
#photographypart ul li span { font-size:28px;}
#photographypart h2 { width:370px; font-size:28px; }
#photographypart h2 span { font-size:42px;}

#aboutpart .aboutbox { background-size:100% auto; }
#aboutpart .aboutbox .aboutimg { width:45%; margin-left:0px; position:relative;}
#aboutpart .aboutbox .aboutdesc { width:45%;}
#aboutpart .aboutbox .aboutimg::after { width:100%; height:100% !important; background-position: left 100%; top:20px; }



#aboutpart .aboutboxpp { background-size:100% auto; }
#aboutpart .aboutboxpp .aboutimg { width:45%; margin-left:0px; position:relative;}
#aboutpart .aboutboxpp .aboutdesc { width:45%;}
#aboutpart .aboutboxpp .aboutimg::after { width:100%; height:100% !important; background-position: left 100%; top:20px; }

#testimonial .client { padding-left:200px;}

#gallerypart ul li { width:210px; }
#gallerypart ul li a { font-size:22px; line-height:26px;}
#footerpart .fmenu { padding-left:20px;}

/*About*/
#bannerpart { height:500px; }

/*Contact*/
.contactpage .contact { padding:30px 50px 0;}

/*Gallary*/
.gallerypage .gallerybox img { width:100%; height:auto;}
.gallerypage .gallerybox .gtitle h3 { font-size:24px;}

.serviceinner .servicebox .servicedesc { width:72%;}
.serviceinner .servicebox .serviceimg { width:25%;}
}


@media only screen and (max-width: 991px) {
	
a.navbar-brand { width:230px;}
a.navbar-brand img { width:100%; height:auto;}

.navbar-nav > li > a { font-size:14px; padding:6px 12px; }	
#photographypart h2 { width:315px; float:left; background-size:80px auto; padding-left:90px; font-size:24px; }
#photographypart h2 span { font-size:36px;}

#photographypart ul { width:57%;}
#photographypart ul li { width:25%; font-size:15px; padding:33px 0px}
#photographypart ul li span { font-size:26px;}

.title h3 { font-size:32px; background-size:200px auto; padding:45px 0; }

#aboutpart .aboutbox { padding:35px 30px 25px; }
#aboutpart .aboutbox .aboutdesc { width:50%;}


#aboutpart .aboutboxpp { padding:35px 30px 25px; }
#aboutpart .aboutboxpp .aboutdesc { width:50%;}



#testimonial .reviewtx span { width:80px; margin-right:40px;}
#testimonial .reviewtx span img { width:50px; height:auto;}
#testimonial .client { padding-left:100px;}

#gallerypart { background-size:cover;}
#gallerypart .galleryinner { background-size:auto 100%;}
#gallerypart ul { margin-top:50px;}
#gallerypart ul li { width:155px;}
#gallerypart ul li a { font-size:18px; line-height:24px;}

#footerpart .flogo { width:158px; margin:0 auto; float:none; border:none; padding:18px 0px; }
#footerpart .fmenu { padding-left:0px;}
#footerpart .fmenu ul li:first-child { padding-left:0px;}
#footerpart .fmenu p { padding-left:0px;}

/*About*/
#bannerpart { height:350px; }
#aboutpart .aboutbox { background:none;}

#aboutpart .aboutboxpp { background:none;}

/*Contact*/
.contactpage .contact { padding:30px 0px 0;}

/*Gallery*/
.gallerypage .gallerybox { margin:35px 0 50px; }
.gallerypage .gallerybox .gtitle { padding:0 15px; bottom:-50px;}
.gallerypage .gallerybox .gtitle h3 { font-size:20px; padding:20px 0; border:7px solid #c5c5c5;}

.gallery_main .img_box img { width:100%;}

.serviceinner .servicebox .servicedesc { width:60%;}
.serviceinner .servicebox .servicedesc h3 { font-size:24px;}
.serviceinner .servicebox .serviceimg { width:36%;}

}

@media only screen and (max-width: 767px) {
body { overflow-x:hidden;}	
.container { width:580px;  }
.navbar-brand { width:200px !important; padding:0 15px;}	
.navbar-nav { width:100%; margin:5px 0 0; background:#000; border:none; }
.navbar-header { border:none;}
.navbar-collapse { border:none;}

.title h3 { font-size:26px; background-size:160px auto; padding:34px 0; }

#photographypart h2 { width:100%; padding:15px 25px 15px 90px; font-size:20px;}	
#photographypart h2 span { width:100%; float:left; font-size:28px; }
#photographypart ul { width:100%;}
#photographypart ul li { padding:10px 0; font-size:14px;}
#photographypart ul li span { font-size:24px;}

#aboutpart { padding:30px 0;}
#aboutpart .aboutbox { background:none;}
#aboutpart .aboutbox .aboutimg { width:100%; }
#aboutpart .aboutbox .aboutimg::after { display:none;}
#aboutpart .aboutbox .aboutdesc { width:100%; margin-top:20px;}

#aboutpart .aboutboxpp { background:none;}
#aboutpart .aboutboxpp .aboutimg { width:100%; }
#aboutpart .aboutboxpp .aboutimg::after { display:none;}
#aboutpart .aboutboxpp .aboutdesc { width:100%; margin-top:20px;}

#testimonial { padding:30px 0px 30px;}

#gallerypart ul li { width:112px;}
#gallerypart ul li a { font-size:14px; line-height:18px;}

#footerpart .flogo { padding:0 0 10px;}
#footerpart .fmenu { width:100%; padding:15px 0;}
#footerpart .icons { width:200px; float:none; margin:0 auto; }
#footerpart .icons p { width:100%; text-align:center; font-size:15px;}
#footerpart .fmenu ul { width:100%; text-align:center;}
#footerpart .fmenu ul li { float:none; display:inline-block; }
#footerpart .fmenu ul li a { font-size:15px;}
#footerpart .fmenu p { width:100%; font-size:15px; text-align:center;}




/*About*/
#bannerpart { height:200px; }

/*Contact*/
.contactpage .contact ul li { width:50%; margin-bottom:20px; padding:0px 50px; }
.contactpage .contact ul li .imgbox { height:130px;}
.contactpage .contact ul li p { line-height:18px;}
.formbox { padding:30px 0px 10px; }
#enquirypart h2 { font-size:22px;}


/*Gallery*/
.gallerypage .gallerybox { margin:35px 0 20px; }
.gallerypage .gallerybox .gtitle { padding:0 15px; bottom:-30px;}
.gallerypage .gallerybox .gtitle h3 { font-size:16px; min-height:60px; padding:10px 10px; border:3px solid #c5c5c5;}


.serviceinner .servicebox .servicedesc h3 { font-size:20px;}
.serviceinner .servicebox .servicedesc p { font-size:13px; line-height:20px;}

}



@media only screen and (max-width: 599px) {
.container { width:460px; }
.navbar-brand { width:160px !important; padding:0 10px;}	

#photographypart h2 { width:100%; padding:15px 25px 15px 90px; font-size:18px;}	
#photographypart h2 span { width:100%; float:left; font-size:24px; }
#photographypart ul li { padding:10px 0; font-size:10px;}
#photographypart ul li span { font-size:20px;}

.title h3 { font-size:15px; background-size:144px auto; padding:35px 0; }
#aboutpart .aboutbox { padding:20px 0 0;}
#aboutpart .aboutbox .aboutdesc p { font-size:13px; line-height:20px;}
#aboutpart .aboutbox .aboutdesc a { font-size:14px; padding:8px 20px;}

#aboutpart .aboutboxpp { padding:20px 0 0;}
#aboutpart .aboutboxpp .aboutdesc p { font-size:13px; line-height:20px;}
#aboutpart .aboutboxpp .aboutdesc a { font-size:14px; padding:8px 20px;}

#testimonial .client { padding:0px; }
#testimonial .client h4 { font-size:16px;}
#testimonial .reviewtx span { width:100%; border:0px; height:auto; text-align:center; padding:10px 0; margin:0px;  }
#testimonial .reviewtx span img { width:40px;}
#testimonial .reviewtx p { font-size:14px; line-height:20px;}

#gallerypart h3 { padding:20px 0 0 0;}
#gallerypart ul { margin-top:30px;}
#gallerypart ul li .imgbox { margin-bottom:5px;}
#gallerypart ul li { width:44%; margin:0px 3%;}
#gallerypart ul li.gallerybox2 { margin:0px 3%;}
#gallerypart ul li a { margin-bottom:10px;}


#footerpart .flogo { width:140px;}
#footerpart .flogo img { width:100%;}

#footerpart .fmenu ul li { padding:0 5px;}
#footerpart .fmenu ul li a { font-size:14px;}
#footerpart .fmenu p { font-size:13px;}
.centerpp {margin: auto;width: 100%;}

#gallerypart .galleryinner { padding-bottom:30px;}

/*About*/
#bannerpart { height:150px; }
.aboutpage .aboutbox p { font-size:13px; line-height:20px;}

.aboutpage .aboutboxpp p { font-size:13px; line-height:20px;}

/*Contact*/
.contactpage .contact ul li { width:100%; margin-bottom:20px; padding:0px 0px; }
.contactpage .contact ul li .imgbox {  height:100px;}
.contactpage .contact ul li p { line-height:18px; font-size:12px; padding-top:5px;}
.contactpage .contact ul li span { margin-left:30%;}
#enquirypart { padding:20px 0;}
.formbox { padding:20px 0px 10px; }
.contents { padding:20px 0;}

/*Gallery*/
.gallerypage .gallerybox .gtitle h3 { font-size:14px; }

.gallery_main div[class*="col-"] { margin-top:10px;}
.gallery_main .col-xs-6 { padding:0 0 0 4%; width:47%; }

.serviceinner .servicebox { margin-bottom:20px;width:100%;}
.serviceinner .servicebox .servicedesc { width:100%;}
.serviceinner .servicebox .serviceimg { width:100%;}
.serviceinner .servicebox .servicedesc h3 { margin-top:15px;}


}


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

@media only screen and (max-width: 479px) {
.container { width:360px; }
/*Contact*/
.contactpage .contact ul li span { margin-left:20%;}

/*Gallery*/
.gallerypage .col-xs-6 { width:100%;}
.gallerypage .gallerybox .gtitle h3 { min-height:inherit; padding:10px 10px; }

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


@media only screen and (max-width: 374px) {
.container { width:305px; }
	
}
@media only screen and (max-width: 360px) {
.container { width:305px; }
	
}
@media only screen and (max-width: 320px) {
.container { width:305px; }
	
}