@media only screen and ( min-width: 240px) and ( max-width: 767px) 
{
.wrap	{max-width:90%; width:100%; margin:0 auto; position:relative; float:none} /* website width */

h1 img	{max-width:70%;}

/*------------------------------------------
About ABFJewels
------------------------------------------*/
.abt-lftpan	{width:90%; padding:4% 5% 2% 5%; margin:0px; float:left; background:#777873; border:00px solid #323234; border-width:0px 0px 0px 0px;}
.abt-rgtpan	{display:block; width:100%;}

/*------------------------------------------
About Designer
------------------------------------------*/
.degnr-lftpan				{width:100%; padding:2% 0% 1% 0%; margin:6% 0px 5%; float:left; background:#353537; height:auto}
.degnr-lftpan > .content	{display:block; width:100%;}

.content > .lftpan	{width:90%; padding:0% 5%; display:block;}
.content > .rgtpan	{width:90%; padding:0% 5%; display:block}

.content > .lftpan img	{max-width:70%; width:100%;}

.degnr-rgtpan			{width:100%; padding:0%; margin:0%; float:left;}
.degnr-rgtpan > .lftpan	{width:100%; padding:0%; margin:0px; float:left;}
.degnr-rgtpan > .rgtpan	{width:100%; padding:0%; margin:0px; float:left;}

ul.designer-list	{list-style:none; padding:0px; margin:0px; float:left; text-align:center}
ul.designer-list li	{list-style:none; padding:0px; margin:0px 0px; display:inline-block; width:32%}


/*------------------------------------------
Expertise Style
------------------------------------------*/

.fourc			{min-height:0px; display:block; margin-top:0%; background:url(images/pic-4c.jpg) no-repeat top left; background-size:120%; }
.fourc-lftpan	{width:90%; padding:38% 5% 2%; margin:0px; display:block; vertical-align:top; min-height:0px;}
.fourc-rgtpan	{width:90%; padding:0% 5%; margin:0px; display:block; vertical-align:middle; min-height:0px;}

.fourc-lftpan h1 		{padding-left:0px}
.fourc-lftpan h1 img	{max-width:50%; height:auto}

.care			{width:100%; padding:0px; margin:10% 0px 0px; background:#bfa898 url(images/bg-care2.jpg) no-repeat top right; background-size:75%; min-height:0px; display:block}
.care-lftpan	{width:90%; padding:5% 5% 0%; margin:0px; display:block; vertical-align:top; min-height:0px;}
.care-rgtpan	{width:90%; padding:0% 5% 0%; margin:0px; display:block; vertical-align:top; min-height:0px;}

.fourc-rgtpan > ul		{list-style:none; padding:0px; margin:0px; float:left; text-transform:uppercase}
.fourc-rgtpan > ul li	{list-style:none; padding:0px; margin:0px 0px 5px 0px; display:block}

.fourc-rgtpan > ul li a			{text-decoration:none;}
.fourc-rgtpan > ul li a:hover	{text-decoration:none; color:#dbbfbc}

.expertise-panel	{width:100%; padding:0px; margin:0px auto; float:left}

.expertise				{width:100%; padding:0px 0px; margin:0px; min-height:0px; background:#353537 url(imges/bg-expertise.gif) repeat-x; margin-top:5%; float:left; display:block}
.expertise > .lftpan	{width:90%; padding:5% 5% 0px; margin:0%; float:left; margin-bottom:5px; text-align:center}
.expertise > .rgtpan	{width:90%; padding:2% 5% 5%; margin:0px; float:left}

.expertise > .lftpan-carat	{width:90%; padding:5% 5% 0px; margin:0px; display:block; vertical-align:middle}
.expertise > .rgtpan-carat	{width:90%; padding:2% 5% 8%; margin:0px; display:block; vertical-align:top; text-align:center; }

.expertise > .rgtpan > .content	{width:100%; float:right; color:#fff; float:none; margin:0px auto; height:auto;}

.expertise h1	{margin-bottom:10px; margin-left:15px;}


.back1			{float:none; display:none; margin:0px auto; margin-bottom:10px; text-align:center}
.back1 a		{background:#d5b6b0; color:#000; text-decoration:none; padding:5px 15px; line-height:25pt}
.back1 a:hover	{background:#fff; color:#000; text-decoration:none}


/*------------------------------------------
Jewels Style
------------------------------------------*/
.jewels					{background:none; float:left; background-size:100%; width:100%;}
.jewel-container		{width:100%; padding:0px; margin:0px; height:auto; top:5%;}
.ring-container			{width:100%; padding:0px; margin:0px; top:0%; margin-top:15%;}
.bracelets-container	{width:100%; padding:0px; margin:0px; top:0%; margin-top:20%;}

ul.jewellist	{list-style:none; padding:0px; margin:0px; text-align:center}
ul.jewellist li	{list-style:none; padding:0px; margin:35px 25px 0px 0px; width:250px; height:250px; display:inline-block; background:#dbbfbc; float:none; position:relative}

ul.jewellist li:nth-child(2n)	{margin-top:35px;}

ul.jewellist li:nth-child(1) .pic img	{max-width:77%; width:100%; height:auto; float:left; padding:0px; position:absolute; left:7px; top:7px;}
ul.jewellist li:nth-child(1) .hd img	{padding:0px; float:left; max-width:100%; position:absolute; bottom:-21px; left:7px;}

ul.jewellist li:nth-child(2) .pic img	{max-width:77%; width:100%; height:auto; float:left; padding:0px; position:absolute; left:7px; bottom:7px;}
ul.jewellist li:nth-child(2) .hd img	{padding:0px; margin:0px; max-width:100%; position:absolute; right:45px; top:-10px}

ul.jewellist li:nth-child(3) .pic img	{max-width:77%; width:100%; height:auto; float:right; padding:0px; position:absolute; left:7px; top:7px;}
ul.jewellist li:nth-child(3) .hd img	{padding:0px; float:none; max-width:100%; position:absolute; left:40px; bottom:-15px;}

ul.jewellist li:nth-child(4) .pic img	{max-width:77%; width:100%; height:auto; float:left; padding:0px; position:absolute; left:7px; bottom:7px;}
ul.jewellist li:nth-child(4) .hd img	{padding:0px; margin:0px; float:none; max-width:100%; position:absolute; left:25px; top:-7px;}

ul.jewellist li:nth-child(5) .pic img	{max-width:77%; width:100%; height:auto; float:left; padding:0px; position:absolute; left:7px; top:7px;}
ul.jewellist li:nth-child(5) .hd img	{padding:0px; float:right; max-width:100%; position:absolute; right:7px; bottom:0px;}

ul.ringlist			{list-style:none; padding:0px; margin:0px; position:relative; background:none; text-align:center; height:auto; margin-top:5%}
ul.ringlist li		{list-style:none; padding:0px; margin:0px 0px 10px; display:inline-block; border:5px solid #d8bebb; width:250px; position:relative; bottom:0px;}
ul.ringlist li img	{max-width:100%; width:100%; height:auto; float:left}

ul.braceletslist	{list-style:none; padding:0px; margin:0px; position:relative; background:none; text-align:center; height:auto;}
ul.braceletslist li	{list-style:none; padding:0px; margin:0px 0px 10px; display:inline-block; border:5px solid #d8bebb; width:250px; position:relative; bottom:0px;}
ul.braceletslist li img	{max-width:100%; width:100%; height:auto; float:left}


/*------------------------------------------
Exqusite Style
------------------------------------------*/
.exquisite, .exquisite1	{width:100%; padding:0px; margin:0px; min-height:400px; background:#dbbfbc url(imges/bg-exquisite.jpg) repeat-x; margin-top:5%; float:left}
.exquisite > .lftpan, .exquisite1 > .lftpan	{width:90%; padding:5% 5% 0px; margin:0px; float:left; margin-bottom:5px; text-align:center}
.exquisite > .rgtpan, .exquisite1 > .rgtpan	{width:90%; padding:5% 5% 0px; margin:0px; float:left}

.exquisite > .rgtpan > .content, .exquisite1 > .rgtpan > .content	{width:100%; float:right; color:#747474; float:none; margin:0px auto; height:auto; margin-bottom:0px;}

.exquisite h1, .exquisite1 h1	{margin-bottom:0px;}

.exquisite > .rgtpan > ul.nvlist, .exquisite1 > .rgtpan > ul.nvlist			{list-style:none; padding:0px; margin:0px; text-align:center; width:100%; margin-bottom:0px;}
.exquisite > .rgtpan > ul.nvlist li, .exquisite1 > .rgtpan > ul.nvlist li	{list-style:none; padding:3px 10px; margin:0px 2px; float:left; width:30%; background:#676767;}

.exquisite > .rgtpan > ul.nvlist li:nth-child(2n) {margin-right:0px; width:auto;}
.exquisite > .rgtpan > ul.nvlist li:nth-child(3n) {margin-left:0px; width:auto; background:#676767; height:20px;}

.exquisite1 > .rgtpan > ul.nvlist li:nth-child(2n) {margin-right:0px;}
.exquisite1 > .rgtpan > ul.nvlist li:nth-child(3n) {margin-left:0px;}

ul.nvlist li a			{text-decoration:none; color:#fff; padding:0px 0px; margin:0px 0px; display:block; text-transform:uppercase; font-size:.85em}
ul.nvlist li a:hover	{text-decoration:none; color:#dbbfbc;}



/*------------------------------------------
Press Style
------------------------------------------*/
.press-container	{width:100%; padding:0px; margin:0px; height:auto; top:5%;}

ul.presslist	{list-style:none; padding:0px; margin:0px; text-align:center}
ul.presslist li	{list-style:none; padding:0px; margin:35px 25px 0px 0px; width:250px; height:250px; display:inline-block; background:#dbbfbc; float:none; position:relative}

ul.presslist li:nth-child(2n)	{margin-top:35px;}

ul.presslist li.left-bt .pic img   {max-width:77%; width:100%; height:auto; float:left; padding:0px; position:absolute; top:7px; left:7px;}
ul.presslist li.left-bt .hd img    {padding:0px; float:left; max-width:76%; position:absolute; bottom:5px; left:7px;}

ul.presslist li.left-tp .pic img	{max-width:77%; height:auto; float:left; padding:0px; position:absolute; bottom:7px; left:7px;}
ul.presslist li.left-tp .hd img	{padding:0px; margin:0px; float:none; max-width:78%; position:absolute; top:5px; left:7px;}

ul.presslist li.right .pic img	{max-width:77%; height:auto; float:right; padding:0px; position:absolute; top:7px; right:7px;}
ul.presslist li.right .hd img	{padding:0px; float:none; max-width:78%; position:absolute; bottom:5px; right:10px;}

/*ul.presslist li:nth-child(1) .pic img		{max-width:77%; width:100%; height:auto; float:left; padding:0px; position:absolute; top:7px; left:7px;}
ul.presslist li:nth-child(1) .hd img			{padding:0px; float:left; max-width:80%; position:absolute; bottom:7px; left:0px;}

ul.presslist li:nth-child(2) .pic img	{max-width:77%; height:auto; float:left; padding:0px; position:absolute; bottom:7px; left:7px;}
ul.presslist li:nth-child(2) .hd img	{padding:0px; margin:0px; float:none; max-width:70%; position:absolute; top:5px; right:45px;}

ul.presslist li:nth-child(3) .pic img	{max-width:77%; height:auto; float:right; padding:0px; position:absolute; top:7px; left:7px;}
ul.presslist li:nth-child(3) .hd img	{padding:0px; float:none; max-width:82%; position:absolute; bottom:-15px; right:10px;}

ul.presslist li:nth-child(4) .pic img	{max-width:77%; height:auto; float:left; padding:0px; position:absolute; bottom:7px; left:7px;}
ul.presslist li:nth-child(4) .hd img	{padding:0px 0px 0px 7px; margin:0px; float:none; max-width:75%; position:absolute; z-index:9; left:0px; top:7px;}

ul.presslist li:nth-child(5) .pic img	{max-width:77%; height:auto; float:left; padding:0px; position:absolute; left:7px; top:7px;}
ul.presslist li:nth-child(5) .hd img	{padding:0px; float:right; max-width:70%; position:absolute; bottom:7px; right:40px;}*/


/*------------------------------------------
Contact Container
------------------------------------------*/
.contact			{background:#000 url(imges/bg-contact.jpg) no-repeat right bottom; float:left; background-size:100%; width:100%;}
.contact-container	{width:100%; padding:0px; margin:0px; float:left;}

.contact-container .lft-pan	{width:100%; float:left;}
.contact-container .rgt-pan	{display:block; width:100%; padding-top:0%; float:right; text-align:right}


/*------------------------------------------
Scroll
------------------------------------------*/
#customscrol-aboutintro			{height:auto; float:left}
#customscrol-about				{height:auto; float:left}
#customscrol-care				{height:auto;}
#customscrol-exquisite			{height:auto; width:100%; float:none; margin:0px auto}
#customscrol-exquisite-flor		{height:auto; width:100%; float:none; margin:0px auto}
#customscrol-exquisite-impera	{height:auto; width:100%; float:none; margin:0px auto}
#customscrol-press              {width:auto; height:auto; float:none; margin:0px auto}	
.horizontal-images {width: auto; max-width: 100%;}

#customscrol-press #mCSB_1 div {width:auto}




/*------------------------------------------------------------------------*/
/*-----------------------Sitemap Style starts here-----------------------*/
.right-pan	{width:100%; float:left; margin-top:3%; background:#000;}
.sitemap-link li { list-style-image:url(images/bullet-details.png) text-transform:uppercase; padding: 00px;  margin:5px 15px 5px 10px; line-height: 13pt; vertical-align:text-top; width:90%; }

/*------------------------------------------------------------------------*/
/*-----------------------Sitemap Style starts here-----------------------*/
/*


=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/
.ftr-left	{width:100%; text-align:center}
.ftr-right	{width:100%; text-align:center}

.copywrite	{float:left; padding-right:10px; width:100%;}
.net		{float:left;  width:100%;}

ul.netlist		{list-style:none; padding:0px; margin:0px; float:none}
ul.netlist li		{list-style:none; padding:0px 5px; margin:0px; float:none; opacity:0.5; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; text-align:center; display:inline-block}




/*
=====================================================================================================================================================
FORM STYLE
=====================================================================================================================================================
*/
ul.formlist		{width:100%;}
ul.formlist li	{list-style:none; padding:0px; margin:0px 0px 3px 0px; float:left; width:100%;}
ul.formlist li:nth-child(2n)	{margin-bottom:10px; width:100%;}

ul.formlist1	{width:100%;}
ul.formlist1 li	{list-style:none; padding:0px; margin:0px 0px 10px 0px; float:left; width:100%;}

ul.sublist		{width:100%;}



/*
=====================================================================================================================================================
TRANSITION STYLE
=====================================================================================================================================================
*/
a	{transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; -ms-transition:all .6s ease;}

.delay-05s	{-webkit-animation-delay:0.0s; animation-delay:0.0s;}
.delay-06s	{-webkit-animation-delay:0.0s; animation-delay:0.0s;}
.delay-07s	{-webkit-animation-delay:0.0s; animation-delay:0.0s;}
.delay-08s	{-webkit-animation-delay:0.0s; animation-delay:0.0s;}
.delay-09s,	.delay-010s,.delay-011s, .delay-012s, .delay-013s, .delay-014s, .delay-015s, .delay-016s, .delay-017s,	
.delay-018s, .delay-019s, .delay-020s		{-webkit-animation-delay:0.0s; animation-delay:0.0s;}


.delay-08sr,		
.delay-010sr,	
.delay-012sr,	
.delay-014sr,	
.delay-016sr	{-webkit-animation-delay:0.0s; animation-delay:0.0s;}
}