@media screen and (min-width :1100px) and (max-width :1200px) {
 	
	.container{ width: 1000px !important; }

	ul.nav li { margin: 0 2%; }
	ul.nav li:nth-child(1) { margin-left: 0; padding-right: 5%;}
	ul.nav li:nth-child(2) { padding-right: 17%;}
	ul.nav li:nth-child(3) { padding-left: 17%;}
	.navbar-inverse .navbar-nav > li > a{font-size: 15px;}
	.glry-holder a{margin: 0 15px 15px 0;}
	.locatinLink{padding: 9px 15px; font-size: 15px;}


}


@media screen and (min-width : 971px) and (max-width :1099px) {
	
	.container{ width: 900px !important; }

	h1{font-size: 38px;}	
	h2{font-size: 60px;}	
	h3{font-size: 24px;}	
	h4{font-size: 22px;}	
	
	
	ul.nav li { margin: 0 2%; }
	ul.nav li:nth-child(1) { margin-left: 0; padding-right: 5%;}
	ul.nav li:nth-child(2) { padding-right: 15%;}
	ul.nav li:nth-child(3) { padding-left: 15%;}
	.navbar-inverse .navbar-nav > li > a{font-size: 15px;}
	.glry-holder a{margin: 0 15px 15px 0;}

	.logo-holder{width: 26%;}
	.logo-holder img { width: 100%;}
	.header-section{padding: 27px 0 66px;}
	ul.nav{ margin: 35px auto 0;}

	/*About*/
	.about-top-section p{width: 56%;}

	/*Menu*/
	.our-menuIntro p{padding: 0;}
	.each-menuContent{padding-right: 18px; margin-bottom: 20px;}
	
	.locatinLink{padding: 9px 15px; font-size: 15px;}

}

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

	h1{font-size: 38px;}	
	h2{font-size: 50px; line-height: 50px;}  	
	h3{font-size: 24px;}	
	h4{font-size: 22px;line-height: 33px;}	
	
	
	ul.nav li { margin: 0 1.5%; }
	ul.nav li:nth-child(1) { margin-left: 0; padding-right: 2%;}
	ul.nav li:nth-child(2) { padding-right: 15%;}
	ul.nav li:nth-child(3) { padding-left: 15%;}
	.navbar-inverse .navbar-nav > li > a{font-size: 13px;}
	.glry-holder a{margin: 0 15px 15px 0;}

	.logo-holder{width: 26%;}
	.logo-holder img { width: 100%;}
	.header-section{padding: 27px 0 66px;}
	ul.nav{ margin: 35px auto 0;}

	.banner-section{height: 400px; background-size: auto auto !important;}

	.welcome-section{padding: 40px 0;}
	.welcome-section h4 { padding: 10px 0 15px;}

	.milkshake-section{ height: 400px; padding-top: 100px;}
	.choklate-section{ height: 400px; padding-top: 100px;}

	.gallery-section{padding: 30px 0;}
	.gallery-section h1{font-size: 50px;}
	.glry-holder { padding: 30px 0 0;}
	.glry-holder a{width: 22.7%;}

	.fotter-section{padding: 35px 0;}
	.footerNav{margin: 15px auto 0;}
	.footerNav li a{font-size: 16px;}
	.footerNav li{margin: 0 15px;}
	.footerLink{ margin: 10px auto;}

	/*About*/
	.about-top-section{  }
	.about-top-section .container{top: 40px;}
	.about-top-section p{width: 60%;}
	.about-btm-content { padding: 50px 0;}

	/*Menu*/
	.our-menuIntro p{padding: 0;}
	.each-menuContent{padding-right: 18px; margin-bottom: 20px;}
}

 
@media screen and (min-width : 640px) and (max-width: 767px) {
	
	p{font-size: 18px; line-height: 28px;}	
	h1{font-size: 30px;}	
	h2{font-size: 40px; line-height: 45px;}  	
	h3{font-size: 21px;}	
	h4{font-size: 20px;line-height: 25px;}	
	h5{font-size: 40px; }	
	
	
	.navbar-collapse.collapse.in{clear: both;}
	.nav.navbar-nav{width: 100%; border-top: solid 1px;}
	
	.nav.navbar-nav > li{ margin: 0 0 3px; float: left !important; width: 100%; padding: 5px !important; }
	.nav.navbar-nav > li > a{font-size: 15px;}

	.logo-holder{width: 26%;}
	.logo-holder img { width: 100%;}
	.header-section{padding:20px 0 46px;}
	ul.nav{ margin: 35px auto 0;}

	.banner-section{height: 300px;  }

	.welcome-section{padding: 40px 0;}
	.welcome-section h4 { padding: 10px 0 15px;}

	.milkshake-section{ height: 400px; padding-top: 100px;}
	.choklate-section{ height: 400px; padding-top: 100px;}

	.gallery-section{padding: 30px 0;}
	.gallery-section h1{font-size: 40px;}
	.glry-holder { padding: 30px 0 0;}
	.glry-holder a{width: 30%; margin: 0 20px 15px 0;}

	.fotter-section{padding: 35px 0;}
	.footerNav{margin: 15px auto 0;}
	.footerNav li a{font-size: 16px;}
	.footerNav li{margin: 0 15px;}
	.footerLink{ margin: 10px auto;}

	/*About*/
	.page-title{padding: 20px 0;}
	.about-top-section .container{top: 40px;}
	.about-top-section p{width: 60%;}
	.about-btm-content { padding: 40px 0;}

	/*Menu*/
	.our-menuIntro p{padding: 0;}
	.each-menuContent{padding-right: 18px; margin-bottom: 20px;}
	.col-md-4.col-sm-6 { clear: both;}

	/*Contact*/
	.rightContact-info img{display: none;}
	.phn-text { padding: 20px 0 0;}


}


@media screen and (min-width : 480px) and (max-width: 639px) {
	
	p{font-size: 18px; line-height: 26px;}	
	h1{font-size: 24px;}	
	h2{font-size: 30px; line-height: 35px;}  	
	h3{font-size: 19px;}	
	h4{font-size: 19px;line-height: 24px;}	
	h5{font-size: 35px; }	
	
	
	.navbar-collapse.collapse.in{clear: both;}
	.nav.navbar-nav{width: 100%; border-top: solid 1px;}
	
	.nav.navbar-nav > li{ margin: 0 0 3px; float: left !important; width: 100%; padding: 5px !important; }
	.nav.navbar-nav > li > a{font-size: 15px;}

	.logo-holder{width: 37%;}
	.logo-holder img { width: 100%;}
	.header-section{padding:20px 0 46px;}
	ul.nav{ margin: 48px auto 0;}

	.banner-section{height: 250px;  }

	.welcome-section{padding: 25px 0;}
	.welcome-section h4 { padding: 10px 0 15px;}

	.milkshake-section{ height: 250px; padding-top: 30px;}
	.choklate-section{ height: 250px; padding-top: 30px;}
	.choklate-section h1 { padding-bottom: 10px;}

	.gallery-section{padding: 30px 0;}
	.gallery-section h1{font-size: 30px;}
	.glry-holder { padding: 20px 0 0;}
	.glry-holder a{width: 46%; margin: 0 15px 15px 0;}

	.fotter-section{padding: 35px 0;}
	.footerNav{margin: 15px auto 0;}
	.footerNav li a{font-size: 12px;}
	.footerNav li{margin: 0 9px;}
	.footerLink{ margin: 10px auto;}


	/*About*/
	.page-title{padding: 20px 0;}
	.about-top-section .container{position: relative; margin-top: 20px; top: 0;}
	.about-top-section p{width: 100%; padding: 0; }
	.about-btm-content { padding: 40px 0;}

	/*Menu*/
	.sectionPadding { padding: 30px 0;}
	.subHeading{ font-size: 20px; padding-bottom: 13px;}
	.our-menuIntro p{padding: 0;}
	.each-menuContent{padding-right: 0; margin-bottom: 20px; height: auto;}
	.col-md-4.col-sm-6 { clear: both;}

	/*Contact*/
	.rightContact-info img{display: none;}
	.phn-text { padding: 20px 0 0;}
	.contact-form-holder textarea.con-inp { height: 100px;}
	.conBtn{font-size: 17px; margin-right: 12px; padding: 6px 17px;}
	.contact-form-holder { padding-top: 20px;}
	.inp-rw { padding-bottom: 10px;}
	.locatinLink{margin-top: 15px; font-size: 17px; padding: 6px 17px;}

	/*Location*/
	#wpsl-wrap #wpsl-result-list li{ margin: 7px 10px 0 0 !important;}


}


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

	p{font-size: 16px; line-height: 24px;}		
	h1{font-size: 16px;}	
	h2{font-size: 24px; line-height: 29px;}  	
	h3{font-size: 16px;}	
	h4{font-size: 17px;line-height: 23px;}	
	h5{font-size: 26px; }
	
	
	.navbar-collapse.collapse.in{clear: both;}
	.nav.navbar-nav{width: 100%; border-top: solid 1px;}
	
	.nav.navbar-nav > li{ margin: 0 0 3px; float: left !important; width: 100%; padding: 5px !important; }
	.nav.navbar-nav > li > a{font-size: 15px;}
	.navbar-toggle{margin-top: 21px; margin-bottom: 21px;}


	.logo-holder{width: 49%;  left: 15px; transform: translateX(0px);}
	.logo-holder img { width: 100%;}
	.header-section{padding:20px 0 16px;}
	ul.nav{ margin: 18px auto 0;}
	.fixedNav.header-section{ padding: 5px 0 3px;}
	.fixedNav .logo-holder{top: 8px;}

	.banner-section{height: 250px;   background-attachment: scroll !important;}

	.welcome-section{padding: 25px 0;}
	.welcome-section h4 { padding: 10px 0 15px;}

	.milkshake-section{ height: 250px; padding-top: 30px;}
	.choklate-section{ height: 250px; padding-top: 30px;}
	.choklate-section h1 { padding-bottom: 10px;}

	.gallery-section{padding: 30px 0;}
	.gallery-section h1{font-size: 25px;}
	.glry-holder { padding: 20px 0 0;}
	.glry-holder a{ float: none; margin: 0 auto 15px; width: 77%;}

	.fotter-section{padding: 20px 0;}
	.footerNav{margin: 6px auto 0;}
	.footerNav li a{font-size: 10px;}
	.footerNav li{margin: 0 6px;}
	.footerLink{ margin: 5px auto 10px;}
	.footerLink > li{float: none; display: block; clear: both;}
	.footerLink > li::after{display: none;}
	.copyright-text{line-height: 12px;}


	/*About*/
	.page-title{padding: 10px 0;}
	.about-btm-content { padding: 40px 0;}
	.about-top-section .container{position: relative; margin-top: 10px; top: 0;}
	.about-top-section p{width: 100%; padding: 0;  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.9); }

	/*Menu*/
	.sectionPadding { padding: 30px 0;}
	.subHeading{ font-size: 20px; padding-bottom: 13px;}
	.our-menuIntro p{padding: 0;}
	.each-menuContent{padding-right: 0; margin-bottom: 20px; height: auto;}
	.col-md-4.col-sm-6 { clear: both;}

	/*Contact*/
	.rightContact-info img{display: none;}
	.phn-text { padding: 20px 0 0;}
	.contact-form-holder textarea.con-inp { height: 100px;}
	.conBtn{font-size: 17px; margin-right: 12px; padding: 6px 17px;}
	.contact-form-holder { padding-top: 20px;}
	.inp-rw { padding-bottom: 10px;}
	.locatinLink{margin-top: 15px; font-size: 17px; padding: 6px 17px;}

	/*Location*/
	#wpsl-wrap #wpsl-result-list li{width: 100% !important; margin: 15px 0 !important;  padding: 0;}
	#wpsl-stores .wpsl-store-thumb{display: block; float: none;}
	.wpsl-gmap-canvas { height: 300px !important;}
	#wpsl-wrap #wpsl-result-list li:nth-child(2n) .wpsl-store-location a{width: 100%;}

}


@media screen and (min-width : 320px) and (max-width: 359px) {
	
	p{font-size: 16px; line-height: 24px;}	
	h1{font-size: 16px;}	
	h2{font-size: 24px; line-height: 29px;}  	
	h3{font-size: 16px;}	
	h4{font-size: 17px;line-height: 23px;}	
	h5{font-size: 26px; }	
	
	
	.navbar-collapse.collapse.in{clear: both;}
	.nav.navbar-nav{width: 100%; border-top: solid 1px;}
	
	.nav.navbar-nav > li{ margin: 0 0 3px; float: left !important; width: 100%; padding: 5px !important; }
	.nav.navbar-nav > li > a{font-size: 15px;}
	.navbar-toggle{margin-top: 20px; margin-bottom: 20px;}

	.logo-holder{width: 49%;  left: 15px; transform: translateX(0px);}
	.logo-holder img { width: 100%;}
	.header-section{padding:20px 0 16px;}
	ul.nav{ margin: 18px auto 0;}
	.fixedNav.header-section{ padding: 5px 0 3px;}
	.fixedNav .logo-holder{top: 8px;}

	.banner-section{height: 250px;  }

	.welcome-section{padding: 25px 0;}
	.welcome-section h4 { padding: 10px 0 15px;}

	.milkshake-section{ height: 250px; padding-top: 30px;}
	.choklate-section{ height: 250px; padding-top: 30px;}
	.choklate-section h1 { padding-bottom: 10px;}

	.gallery-section{padding: 30px 0;}
	.gallery-section h1{font-size: 25px;}
	.glry-holder { padding: 20px 0 0;}
	.glry-holder a{ float: none; margin: 0 auto 15px; width: 77%;}

	.fotter-section{padding: 20px 0;}
	.footerNav{margin: 6px auto 0;}
	.footerNav li a{font-size: 9px;}
	.footerNav li{margin: 0 5px;}
	.footerLink{ margin: 5px auto 10px;}
	.footerLink > li{float: none; display: block; clear: both;}
	.footerLink > li::after{display: none;}
	.copyright-text{line-height: 12px;}


	/*About*/
	.page-title{padding: 10px 0;}
	.about-btm-content { padding: 40px 0;}
	.about-btm-content p { line-height: 22px; margin-top: 10px;}
	.about-top-section .container{position: relative; margin-top: 10px; top: 0;}
	.about-top-section p{width: 100%; padding: 0;  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.9); }

	/*Menu*/
	.sectionPadding { padding: 30px 0;}
	.subHeading{ font-size: 20px; padding-bottom: 13px;}
	.our-menuIntro p{padding: 0;}
	.each-menuContent{padding-right: 0; margin-bottom: 20px; height: auto;}
	.col-md-4.col-sm-6 { clear: both;}

	/*Contact*/
	.rightContact-info img{display: none;}
	.phn-text { padding: 10px 0 0;}
	.contact-form-holder { padding-top: 20px;}
	.inp-rw { padding-bottom: 10px;}
	.contact-form-holder textarea.con-inp { height: 100px;}
	.conBtn{font-size: 17px; margin-right: 12px; padding: 6px 17px;}
	.rightContact-info { padding-top: 20px;}
	.locatinLink{margin-top: 15px; font-size: 17px; padding: 6px 17px;}

	/*Location*/
	#wpsl-wrap #wpsl-result-list li{width: 100% !important; margin: 15px 0 !important;  padding: 0;}
	#wpsl-stores .wpsl-store-thumb{display: block; float: none;}
	#wpsl-wrap #wpsl-result-list li:nth-child(2n) .wpsl-store-location a{width: 100%;}

}